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(data)

パラメータ

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

返り値

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

ブラウザのサポート

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

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート