HTML DOM console.count()メソッド
HTML DOMのconsole.count()メソッドは、console.count()メソッドが呼び出された回数をコンソールに書き込むために使用されます。このメソッドにオプションのパラメーターラベルを指定することもできます。このラベルは、console.count()メソッドのカウントを個別に設定するのに役立ちます。
構文
以下は、console.count()メソッドの構文です-
console.count( [label] );
ここで、labelは文字列型のオプションのパラメータであり、指定されたラベルで呼び出された回数を出力します。
例
console.count()メソッドの例を見てみましょう-
<!DOCTYPE html> <html> <body> <h1>console.count() method</h1> <p>Press F12 to view the message in the console view.</p> <button type="button" onclick="count()">COUNT</button> <script> function count(){ for(var i=0;i<6;i++){ if(i>3) console.count("Label2"); else console.count("Label1"); } } </script> </body> </html>
出力
これにより、次の出力が生成されます-
COUNTボタンをクリックしてコンソールタブを見ると-
上記の例では-
最初に、ユーザーがクリックするとcount()メソッドを実行するボタンCOUNTを作成しました-
<button type="button" onclick="count()">COUNT</button>
count()関数はラベル1でconsole.count()を4回呼び出しますが、ラベル2は2回だけ呼び出します。その後、forループは終了します。上記の出力では、ラベル1の最後の値が4で、ラベル2の最後の値が2であることがわかります-
function count(){ for(var i=0;i<6;i++){ if(i>3) console.count("Label2"); else console.count("Label1"); } }
-
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
-
HTML DOM createEvent()メソッド
HTML DOM createEvent()メソッドは、パラメーターでタイプが指定されるイベントオブジェクトを作成するために使用されます。作成されたイベントは、使用する前に初期化する必要があります。イベントをHTML要素にディスパッチするには、その指定されたノードでdispatchEvent()メソッドを使用する必要があります。 構文 以下は、HTML DOM createEvent()メソッドの構文です- document.createEvent( eventType ) ここで、typestringtypeのeventTypeは必須パラメーターです。イベントのタイプは、Animatio