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

HTML DOM console.log()メソッド


HTML DOMのconsole.log()メソッドは、コンソールにメッセージを書き込むために使用されます。コンソールは、主にデバッグとテストの目的で使用されます。メッセージは、文字列型またはオブジェクト型にすることができます。

構文

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

onsole.log(msg)

ここで、msgは文字列、配列、またはオブジェクトにすることができます。複数のカンマ区切りのオブジェクトをパラメータとして送信することもできます。

console.log()メソッドの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.log() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="logConsole()">LOG</button>
<script>
   function logConsole(){
      console.log("Following are some animal names");
      var Arr1 = ["dog", "cat", "monkey", "lion" ];
      console.log(Arr1);
   }
</script>
</body>
</html>

出力

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

HTML DOM console.log()メソッド

[ログ]ボタンをクリックしてコンソールを表示すると-

HTML DOM console.log()メソッド

上記の例では-

最初に、ユーザーがクリックするとlogConsole()関数を実行するボタンLOGを作成しました-

<button type="button" onclick="logConsole()">LOG</button>

logConsole()関数には、console.log()メソッドが含まれています。最初に、パラメーターとして単純な文字列をconsole.log()メソッドに渡しました。次に、長さ4の配列をconsole.log()に渡しました。両方のメッセージをドキュメント内の順序で印刷します-

function logConsole(){
   console.log("Following are some animal names");
   var Arr1 = ["dog", "cat", "monkey", "lion" ];
   console.log(Arr1);
}

  1. 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

  2. HTML DOM createEvent()メソッド

    HTML DOM createEvent()メソッドは、パラメーターでタイプが指定されるイベントオブジェクトを作成するために使用されます。作成されたイベントは、使用する前に初期化する必要があります。イベントをHTML要素にディスパッチするには、その指定されたノードでdispatchEvent()メソッドを使用する必要があります。 構文 以下は、HTML DOM createEvent()メソッドの構文です- document.createEvent( eventType ) ここで、typestringtypeのeventTypeは必須パラメーターです。イベントのタイプは、Animatio