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

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>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="groupMessage()">GROUP</button>
<button type="button" onclick="EndGroup()">END GROUP</button>
<script>
   function groupMessage(){
      console.group();
      console.log("This message will be inside a group!");
      console.log("This message will also be inside a group!");
   }
   function EndGroup(){
      console.groupEnd();
      console.log("We are now outside the group");
      console.log("This message will be outside the group!");
   }
</script>
</body>
</html>

出力

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

HTML DOM console.groupEnd（）メソッド

[グループ]ボタンをクリックして、開発者向けオプションのコンソールビューを確認すると-

HTML DOM console.groupEnd（）メソッド

[グループの終了]ボタンをクリックして、開発者向けオプションのコンソールビューを確認すると-

HTML DOM console.groupEnd（）メソッド

上記の例では-

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

<button type="button" onclick="groupMessage()">GROUP</button>
<button type="button" onclick="EndGroup()">END GROUP</button>

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!");
}

EndGroup（）メソッドの内部にはconsole.groupEnd（）メソッドがあり、この時点以降に書き込まれたすべてのメッセージがメッセージグループの外部に表示されることを示しています。 -

の前にメッセージグループが存在していなくても、エラーはスローされません。 
function EndGroup(){
   console.groupEnd();
   console.log("We are now outside the group");
   console.log("This message will be outside the 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