English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JS DOMリファレンスマニュアル

HTML DOM Document オブジェクト

createTextNode()HTML DOM createTextNode() メソッド

メソッドを使用して指定されたテキストのテキストノードを作成します。createElement()メソッドを使用して指定された名前の要素ノードを作成します。

テキストノードを作成した後、element.appendChild()またはelement.insertBefore()そのメソッドを使用して要素に挿入します。

文法:

document.createTextNode(text)
var newtext = document.createTextNode(text);
var p1 = document.getElementById("para");
p1.appendChild(newtext);
テストして‹/›

ブラウザの互換性

すべてのブラウザで createTextNode() メソッドが完全にサポートされています:

メソッド
createTextNode()

引数の値

引数説明
text「テキスト」ノードに配置するテキストを含む文字列

技術的詳細

返却値:作成されたテキストノードを持つテキストノードオブジェクト
DOM バージョン:DOM 水準1

さらに例

以下にテキストを含む <p> 要素を作成し、<div> 要素に追加する方法を示します:

var para = document.createElement("p");
var newContent = document.createTextNode("Hi there and greetings!");
para.appendChild(newContent);
document.getElementById("myDiv").appendChild(para);
テストして‹/›

HTML DOM Document オブジェクト