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 节点中包含的数据的长度。