HTML DOM Document createTextNode() メソッド

定義と使用方法

createTextNode() メソッドはテキストノードを作成します。

もっと詳しく：

Document createElement() メソッド

Element appendChild() メソッド

Element insertBefore() メソッド

HTML要素はノードです

すべてのHTML要素はノードです。

要素はノードです。属性はノードです。テキストはノードです。

一部の要素には他のノードが含まれています。

一部の要素にはテキストノードが含まれています。

一部の要素には属性ノードが含まれています。

例

例1

テキストノードを作成してドキュメントに追加します：

let textNode = document.createTextNode("Hello World"); document.body.appendChild(textNode);

自分で試してみてください

例2

テキストノードを持つ <h1> 要素を作成します：

const h1 = document.createElement("h1");
const textNode = document.createTextNode("Hello World");
h1.appendChild(textNode);

自分で試してみてください

例3

テキストノードを持つ <p> 要素を作成します：

const para = document.createElement("p");
const textNode = document.createTextNode("Hello World");
para.appendChild(textNode);

自分で試してみてください

文法

document.createTextNode(データ)

パラメータ

パラメータ 説明
データ 必須。ノードのテキスト。

返り値

タイプ 説明
ノード 新しいテキストノードが作成され、指定された データ 文字列。

ブラウザのサポート

document.createTextNode() DOMレベル1（1998）の機能です。

すべてのブラウザがサポートしています：

クローム IE エッジ ファイアフォックス サファリ オペラ
クローム IE エッジ ファイアフォックス サファリ オペラ
サポート 9-11 サポート サポート サポート サポート