HTML DOM console.assert()メソッド
HTML DOMのconsole.assert()メソッドは、提供された最初の式がfalseの場合にのみ、コンソールにメッセージを書き込むために使用されます。これらのメッセージは、ユーザーが表示することを目的としています。式と表示メッセージは、それぞれ1番目と2番目のパラメーターとしてconsole.assert()メソッドに送信されます。
構文
以下は、console.assert()メソッドの構文です-
console.assert(assertion,msg);
ここで、アサーションはブール値のtrueまたはfalseを返す任意の式です。 msgは、JavaScript文字列またはオブジェクトです。コンソールにメッセージを表示するには、アサーションをfalseにする必要があります。
例
console.assert()メソッドの例を見てみましょう-
<!DOCTYPE html> <html> <body> <h1>console.assert example</h1> <p>To view the message press F12 on the keyboard and go to the console tab.</p> <script> console.assert(document.getElementById("Sample"), "You have no element with ID 'Sample' in this document"); </script> </body> </html>
出力
これにより、次の出力が生成されます-
開発者ツールの[コンソール]タブに、次のように表示されます-
上記の例では-
console.assert()メソッドとgetElementById()メソッドを使用して、IDが「Sample」に関連付けられている要素を取得しました。 HTMLドキュメントには要素がないため、falseが返されます。
2番目のパラメーターは、最初のパラメーターがfalseを返した場合にのみ表示されるというメッセージを受け取ります。この場合のメッセージは、「このドキュメントにはID「サンプル」の要素がありません」であり、コンソールに表示されます」-
console.assert(document.getElementById("Sample"), "You have no element with ID 'Sample' in this document");
-
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