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

HTML DOM console.group（）メソッド

HTML DOM console.group（）メソッドは、メッセージグループの開始を示すために使用され、このメソッドの後に書き込まれるすべてのメッセージは、メッセージグループ内に書き込まれます。これにより、labelパラメータを使用してすべてのメッセージまたは複数のグループに対して1つのグループを作成できます。

構文

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

console.group([label])

ここで、labelはオプションのパラメーターです。文字列型で、作成されたメッセージグループのラベルとして機能します。

例

HTML DOM console.group（）メソッドの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>console.group() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="normMessage()">NORMAL</button>
<button type="button" onclick="groupMessage()">GROUP</button>
<script>
   function normMessage(){
      console.log("Hello world!");
   }
   function groupMessage(){
      console.group();
      console.log("This message will be inside a group!");
      console.log("This message will also be inside a group!");
   }
</script>
</body>
</html>

出力

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

HTML DOM console.group（）メソッド

NORMALボタンをクリックしてコンソールを見ると-

HTML DOM console.group（）メソッド

グループボタンをクリックしてコンソールを見ると-

HTML DOM console.group（）メソッド

上記の例では-

ユーザーがクリックするとnormMessage（）メソッドとgroupMessage（）メソッドを実行する2つのボタンNORMALとGROUPを作成しました。

<button type="button" onclick="normMessage()">NORMAL</button>
<button type="button" onclick="groupMessage()">GROUP</button>

normMessage（）メソッドにはconsole.log（）メソッドがあり、パラメーターとして指定された文字列またはオブジェクトを受け取り、それをコンソールに表示するだけです-

function normMessage(){
   console.log("Hello world!");
}

groupMessage（）メソッドには、この時点以降に書き込まれたすべてのメッセージがメッセージグループ内に表示されることを示すconsole.group（）メソッドが含まれています。

function groupMessage(){
   console.group();
   console.log("This message will be inside a group!");
   console.log("This message will also be inside a group!");
}

  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