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

HTML DOM createTextNode（）メソッド

HTML DOM createTextNode（）メソッドは、指定されたテキストでテキストノードを作成するために使用されます。

例

createTextNode（）メソッドの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h2>createTextNode() example</h2>
<p>Click the below button to create a p element with some text.</p>
<button onclick="createText()">CREATE</button>
<script>
   function createText() {
      var x = document.createElement("P");
      var p = document.createTextNode("This is a sample paragraph created with
      createTextNode()");
      x.appendChild(p);
      document.body.appendChild(x);
   }
</script>
</body>
</html>

出力

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

HTML DOM createTextNode（）メソッド

[作成]ボタンをクリックすると-

HTML DOM createTextNode（）メソッド

上記の例では-

ユーザーがクリックするとcreateText（）関数を実行するCREATEボタンを作成しました-

<button onclick="createText()">CREATE</button>

createText（）メソッドは、ドキュメントオブジェクトのcreateElement（）メソッドを使用して

要素を作成し、それを変数xに割り当てます。次に、createTextNode（）を使用してテキストを作成し、それを変数pに割り当てます。

次に、appendChild（）メソッドを使用してテキストノードを

要素に追加します。最後に、

要素とテキストノードがdocument.body appendChild（）メソッドを使用してドキュメントに追加されます。

function createText() {
   var x = document.createElement("P");
   var p = document.createTextNode("This is a sample paragraph created with createTextNode()");
   x.appendChild(p);
   document.body.appendChild(x);
}

  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