新しいテキストノードを生成し、返します。

構文

var text = document.createTextNode(data);
  • text : テキストノード
  • data : テキストノードに含めるテキストデータ

<!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>

仕様書

仕様書 策定状況 コメント
Document Object Model (DOM) Level 3 Core Specification
Document.createTextNode() の定義
廃止された 変更なし
Document Object Model (DOM) Level 2 Core Specification
Document.createTextNode() の定義
廃止された 初期定義

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート (有) (有) (有) (有) (有) ?
機能 Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? (有) ? ? ? ?

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: Uemmra3, fscholz, jsx, ethertank
 最終更新者: Uemmra3,