DOM

：

：

Document.createTextNode() メソッド

　編集：2022.09.02 by T.A.

→、

新しい Text ノードを生成して返します。

このメソッドは HTML 文字をエスケープするのに利用できます。

構文
Document.createTextNode(data)
Document 実質 document でしょう。
data テキスト ノードの中に入れるデータが入った文字列。
戻り値

Text ノード。

例

HTML： 

<!DOCTYPE html>
<html lang="en">
<head>
<title>createTextNode example</title>
<script>
function addTextNode(text) {
  var newtext = document.createTextNode(text),
      p1 = document.getElementById("p1");

  p1.appendChild(newtext);
}
</script>
</head>

<body>
  <button onclick="addTextNode('YES! ');">YES!</button>
  <button onclick="addTextNode('NO! ');">NO!</button>
  <button onclick="addTextNode('WE CAN! ');">WE CAN!</button>

  <hr />

  <p id="p1">First line of paragraph.</p>
</body>
</html>

HTML： 

<SPAN id=IdSpan>SPAN要素</SPAN>

JavaScript： 

N=document.createTextNode("てすとです<B>タグ</B>は？");	//テキスト ノードの生成。
IdSpan.appendChild(N);	//SPAN要素の最後に生成テキスト ノードを追加する。
D=IdSpan.innerHTML;	//＝SPAN要素てすとです&lt;B&gt;タグ&lt;/B&gt;は？
	//「<」「>」はタグにはならない。
テスト