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

構文

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() の定義
廃止された 初期定義

ブラウザ実装状況

現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから!

機能 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,