JavaScript document.createTextNode()

documentオブジェクトのcreateTextNodeメソッドは,新たにテキストノードを生成するメソッドである。生成されたテキストノードはまだドキュメントに組み込まれていないので,DOM操作メソッドでDOMに追加する必要がある。

構文

document.createTextNode(text)
text

生成するテキストノードに含めるテキストを指定する。

戻り値

新しく生成した要素のテキストノードを返す。引数に指定したテキストにHTML特殊文字が含まれる場合,生成されるテキストノードではエスケープされた状態になる。

テキストノードを新たに生成するJavaScriptを示す。

<p id="p1"></p>
<script>
  let textNode = document.createTextNode('<div>foo</div>');
  let element = document.getElementById('p1');
  element.appendChild(textNode);
</script>

上記JavaScriptの実行結果を示す。

参考文献

Web Hypertext Application Technology Working Group (2023) DOM Living Standard