Phương thức HTML DOM console.clear ()

Phương thức HTML DOM console.clear () được sử dụng để xóa bảng điều khiển. Phương thức console.clear () cũng sẽ viết thông báo “Console đã bị xóa” trong bảng điều khiển và xóa tất cả nội dung bảng điều khiển trước đó. Phương pháp này được hỗ trợ đầy đủ bởi tất cả các trình duyệt.

Cú pháp

Sau đây là cú pháp cho phương thức console.clear () -

console.clear()

Ví dụ

Hãy để chúng tôi xem một ví dụ cho phương thức HTML DOM console.clear () -

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.clear() Method</h1>
<p>Press F12 on the keyboard to see the message on your console</p>
console.log("TEXT has been printed on the console!");
<p>Click the below button to clear the console</p>
<button onclick="clearConsole()">CLEAR</button>
<script>
   function clearConsole() {
      console.clear();
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Phương thức HTML DOM console.clear ()

Bảng điều khiển -

Phương thức HTML DOM console.clear ()

Khi nhấp vào nút XÓA -

Phương thức HTML DOM console.clear ()

Trong ví dụ trên -

Chúng tôi đã viết một số thông báo tới bảng điều khiển bằng phương thức console.log () -

console.log("TEXT has been printed on the console!");

Sau đó, chúng tôi đã tạo một nút CLEAR sẽ thực thi phương thức clearConsole () -

<button onclick="clearConsole()">CLEAR</button>

Phương thức clearConsole () gọi hàm clear () trên đối tượng console. Thao tác này sẽ xóa bảng điều khiển và viết "Bảng điều khiển đã được xóa" trên bảng điều khiển.

function clearConsole() {
   console.clear();
}