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

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 DOM createComment()メソッド

コメントをクリックし、コードを調べてHTMLドキュメントのコメントを確認した後。 −

HTML DOM createComment()メソッド

上記の例では-

ユーザーがクリックしたときに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";
}

  1. 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

  2. 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