CharacterData: data 属性

data 属性是 CharacterData 接口的一部分,它表示当前对象数据的文本内容。

包含在 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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅