CharacterData: data 属性
data
属性是 CharacterData
接口的一部分,它表示当前对象数据的文本内容。
值
包含在 CharacterData
节点中的字符信息的字符串。
当设置为 null
值时,该 null
值将转换为空字符串 (""
),因此 cd.data = null
等效于 cd.data = ""
。
示例
注意:CharacterData
是一个抽象接口。下面的示例使用了实现它的两个具体接口,Text
和 Comment
。
使用 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 的浏览器中加载。
另请参阅
CharacterData.length
返回包含在CharacterData
节点中的数据的长度。