Node:nodeValue 属性

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

NodenodeValue 属性返回或设置当前节点的值。

包含当前节点值(如果有)的字符串。对于文档节点来说,nodeValue 返回 null,对于文本节点、注释节点和 CDATA 节点,nodeValue 返回该节点的文本内容。对于属性节点,返回属性的值。

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

节点类型 返回值
CDATASection CDATA 部分的文本内容
Comment 注释的内容
Document null
DocumentFragment null
DocumentType null
Element null
NamedNodeMap null
ProcessingInstruction 不包括目标的全部内容
Text 文本节点的内容

备注:如果 nodeValue 的值为 null,则对它赋值也不会有任何效果。

示例

html
<div id="d1">Hello world</div>
<!-- 注释节点类型 -->
<output id="result">等待结果...</output>

以及以下脚本:

js
let node = document.querySelector("body").firstChild;
let result = "<br/>节点名称:<br/>";
while (node) {
  result += `${node.nodeName} 的值是:${node.nodeValue}<br/>`;
  node = node.nextSibling;
}

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

规范

Specification
DOM Standard
# dom-node-nodevalue

浏览器兼容性

BCD tables only load in the browser