HTML DOM createComment()メソッド
HTML DOM createComment()メソッドは、指定されたテキストでコメントノードを作成するために使用されます。コメントはパラメータとして作成されます。コメントは表示されないため、このメソッドを実行した後、HTMLドキュメントを調べて、作成されたコメントを確認する必要があります。
構文
以下は、createComment()メソッドの構文です-
document.createComment( text );
ここで、テキストはコメントに追加する必要のあるデータを含む文字列型です。
例
createComment()メソッドの例を見てみましょう-
<!DOCTYPE html> <html> <body> <p>Click on below button to create and add a comment to this HTML document.</p> <button onclick="Comment()">COMMENT</button> <p id="Sample"></p> <script> function Comment() { var x = document.createComment("This is a sample comment"); document.body.appendChild(x); var p = document.getElementById("Sample"); x.innerHTML = "The comment was added and can only be seen in the HTML document only"; } </script> <p>Inspect the code to see the comment in the html document</p> </body> </html>
出力
これにより、次の出力が生成されます-
コメントをクリックし、コードを調べてHTMLドキュメントのコメントを確認した後。 −
上記の例では-
ユーザーがクリックしたときにComment()関数を実行するボタンCOMMENTを作成しました。
<button onclick="Comment()">COMMENT</button>
Comment()関数は、ドキュメントオブジェクトのcreateComment()メソッドを使用して、パラメーターとして提供されたメッセージを含むコメントを作成します。作成されたコメントは変数xに割り当てられました。
次に、document.body appendChild()メソッドを使用して、コメントがドキュメント本文に追加されます。上で作成されたコメントは、appendChild()メソッドにパラメーターとして渡されます。次に、適切なメッセージは、そのIDを取得し、そのinnerHTMLプロパティ値を指定されたメッセージに設定することによって
要素内で支払われます-
function Comment() { var x = document.createComment("This is a sample comment"); document.body.appendChild(x); var p = document.getElementById("Sample"); x.innerHTML = "The comment was added and can only be seen in the HTML document only"; }
-
HTML DOM writeln()メソッド
HTML DOM writeln()は、複数の式(HTMLまたはJavaScript)をドキュメントに直接書き込む機能をユーザーに提供します。 注 −このメソッドは、ドキュメント内のHTMLコードがある場合はそれを上書きし、新しい行に引数を追加します。 構文 以下は構文です- document.write(agruments) 例 HTML DOMドキュメントのwriteln()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM writeln()</title&g
-
HTML DOM write()メソッド
HTML DOM write()は、複数の式(HTMLまたはJavaScript)をドキュメントに直接書き込む機能をユーザーに提供します。 注 −このメソッドは、ドキュメント内のHTMLコードがある場合はそれを上書きし、新しい行に引数を追加しません。 構文 以下は構文です- document.write(arguments) 例 HTML DOMドキュメントのwrite()メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM write()</title> &l