Node: nodeValue 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

Node 接口的 nodeValue 属性用于获取或设置当前节点的值。

一个包含当前节点值的字符串,如果存在的话。对于文档本身,nodeValue 返回 null。对于文本、注释和 CDATA 节点,nodeValue 返回节点的内容。对于属性节点,返回属性的值。

下表显示了不同类型节点的返回值。

Node nodeValue 的值
CDATASection CDATA 部分的内容
Comment 注释的内容
Document null
DocumentFragment null
DocumentType null
Element null
NamedNodeMap null
ProcessingInstruction 整个内容(不包括目标)
文本 文本节点的内容

注意:nodeValue 被定义为 null 时,对其进行设置将不起任何作用。

示例

html
<div id="d1">Hello world</div>
<!-- Example of comment -->
<output id="result">Not calculated yet.</output>

以及以下脚本

js
let node = document.querySelector("body").firstChild;
let result = "Node names are:\n";
while (node) {
  result += `Value of ${node.nodeName}: ${node.nodeValue}\n`;
  node = node.nextSibling;
}

const output = document.getElementById("result");
output.innerText = result;

规范

规范
DOM
# dom-node-nodevalue

浏览器兼容性