JavaScript/DOM/Text

概要

Textノードは、HTML要素内のテキストコンテンツを表現するノードタイプです。NodeインターフェースとCharacterDataインターフェースを継承しています。

プロパティ

node.data          // テキスト内容
node.length        // テキストの長さ
node.wholeText     // 隣接するTextノードを含む全テキスト

メソッド

// テキスト操作
appendData(text)    // テキスト追加
insertData(offset, text)   // 指定位置に挿入
deleteData(offset, count)  // テキスト削除
replaceData(offset, count, text)  // テキスト置換
substringData(offset, count)      // 部分文字列取得

// ノード分割
splitText(offset)   // 指定位置でノードを分割

使用例

// テキストノード作成
let text = document.createTextNode('Hello');
element.appendChild(text);

// テキスト操作
text.appendData(' World');
text.replaceData(0, 5, 'Hi');

// ノード分割
let newNode = text.splitText(3);