CharacterData: data 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

CharacterData 介面的 data 屬性表示當前物件的資料值。

一個包含 CharacterData 節點所包含字元資訊的字串。

當設定為 null 值時,該 null 值會被轉換為空字串 (""),因此 cd.data = null 等同於 cd.data = ""

示例

注意:CharacterData 是一個抽象介面。下面的示例使用了實現它的兩個具體介面:TextComment

使用 data 讀取註釋

html
<!-- This is an HTML comment -->
<output id="result"></output>
js
const comment = document.body.childNodes[1];
const output = document.getElementById("result");

output.value = comment.data;

使用 data 設定文字節點的內容

html
<span>Result: </span>Not set.
js
const span = document.querySelector("span");
const textNode = span.nextSibling;

textNode.data = "This text has been set using 'textNode.data'.";

規範

規範
DOM
# dom-characterdata-data

瀏覽器相容性

另見

  • CharacterData.length 返回 CharacterData 節點中包含的資料的長度。