HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML DOM console.clear（）メソッド

HTML DOMのconsole.clear（）メソッドは、コンソールをクリアするために使用されます。 console.clear（）メソッドは、コンソールに「コンソールがクリアされました」というメッセージも書き込み、以前のコンソールコンテンツをすべてクリアします。この方法は、すべてのブラウザで完全にサポートされています。

構文

以下は、console.clear（）メソッドの構文です-

console.clear()

例

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>

出力

これにより、次の出力が生成されます-

HTML DOM console.clear（）メソッド

コンソール-

HTML DOM console.clear（）メソッド

CLEARボタンをクリックすると-

HTML DOM console.clear（）メソッド

上記の例では-

console.log（）メソッドを使用してコンソールにメッセージを書き込みました-

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

次に、clearConsole（）メソッドを実行するボタンCLEARを作成しました-

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

clearConsole（）メソッドは、コンソールオブジェクトのclear（）関数を呼び出します。これにより、コンソールがクリアされ、コンソールに「コンソールがクリアされました」と書き込まれます。

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

  1. HTML DOM console.groupEnd（）メソッド

    HTML DOM console.groupEnd（）メソッドは、メッセージグループの終わりを示すために使用されます。コンソールの現在のメッセージグループを終了します。 構文 Follwingは、console.groupEnd（）メソッドの構文です- console.groupEnd() 例 HTML DOM console.groupEnd（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>console.groupEnd() Method</h1> <p>Pre

  2. HTML DOM console.groupCollapsed（）メソッド

    HTML DOM console.groupCollapsed（）メソッドは、折りたたまれたメッセージグループの開始を指定します。 構文 以下は構文です- console.groupCollapsed(label) ここで、labelはグループのラベルです。 例 console.groupCollapsed（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>console.groupCollapsed() Method</h1> <p>Press F12 key t