值
一个字符串。不同类型节点的取值如下:
Attr-
Attr.name的值,即该属性的限定名。 CDATASection-
字符串
"#cdata-section"。 Comment-
字符串
"#comment"。 Document-
字符串
"#document"。 DocumentFragment-
字符串
"#document-fragment"。 DocumentTypeElement-
Element.tagName的值,即 HTML 元素的大写标签名,或 XML 元素(如 SVG 或 MathML 元素)的小写标签名。 ProcessingInstructionText-
字符串
"#text"。
示例
本示例会显示若干节点的节点名称。
html
这是一些 HTML:
<div id="d1">你好,世界</div>
<!-- 注释示例 -->
文本<span>文本</span>文本<br />
<svg height="20" width="20">
<circle cx="10" cy="10" r="5" stroke="black" stroke-width="1" fill="red" />
</svg>
<hr />
<output id="result">尚未计算。</output>
以及以下脚本:
js
let node = document.querySelector("body").firstChild;
let result = "节点名称如下:\n";
while (node) {
result += `${node.nodeName}\n`;
node = node.nextSibling;
}
const output = document.getElementById("result");
output.innerText = result;
规范
| 规范 |
|---|
| DOM> # ref-for-dom-node-nodename①> |