Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เมธอด HTML DOM console.clear()

เมธอด HTML DOM console.clear() ใช้สำหรับล้างคอนโซล เมธอด console.clear() จะเขียนข้อความ "Console was cleared" ในคอนโซลและล้างเนื้อหาคอนโซลก่อนหน้าทั้งหมด เมธอดนี้ได้รับการรองรับเต็มที่โดยเบราว์เซอร์ทั้งหมด

ไวยากรณ์

ไวยากรณ์สำหรับเมธอด console.clear() ดังนี้ -

console.clear()

ตัวอย่าง

ลองดูตัวอย่างสำหรับเมธอด HTML DOM console.clear() -

<!DOCTYPE html> <html> <body> <h1>JavaScript console.clear() Method</h1> <p>กด F12 บนคีย์บอร์ดเพื่อดูข้อความบนคอนโซลของคุณ</p> console.log("TEXT has been printed on the console!"); <p>คลิกปุ่มด้านล่างเพื่อล้างคอนโซล</p> <button onclick="clearConsole()">CLEAR</button> <script> function clearConsole() { console.clear(); } </script> </body> </html>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้ -

เมธอด HTML DOM console.clear()

คอนโซล -

เมธอด HTML DOM console.clear()

เมื่อคลิกปุ่ม CLEAR -

เมธอด HTML DOM console.clear()

ในตัวอย่างข้างต้น -

เราเขียนข้อความบางส่วนไปยังคอนโซลโดยใช้เมธอด console.log() -

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

เราสร้างปุ่ม CLEAR ที่จะเรียกใช้เมธอด clearConsole() -

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

เมธอด clearConsole() เรียกฟังก์ชัน clear() บนอ็อบเจกต์คอนโซล นี่จะล้างคอนโซลและเขียน "Console was cleared" บนคอนโซล -

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