このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CharacterData: data プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

dataCharacterData インターフェイスのプロパティで、現在のオブジェクトのデータの値を表します。

この CharacterData ノードに含まれる文字情報による文字列です。

メモ: CharacterData は抽象インターフェイスです。 以下の例はこれを実装した 2 つの具象インターフェイス、 TextComment を使用しています。

data を使用したコメントの読み取り

html
<!-- これは HTML のコメントです -->
<output id="result"></output>
js
const comment = document.body.childNodes[1];
const output = document.getElementById("result");

output.value = comment.data;

data を使用してテキストノードの内容を設定

html
<span>結果: </span>未設定
js
const span = document.querySelector("span");
const textnode = span.nextSibling;

textnode.data = "このテキストは 'textnode.data' を使用して設定されました。";

仕様書

仕様書
DOM
# dom-characterdata-data

ブラウザーの互換性

関連情報