节点：nodeName 属性
Node 的只读nodeName属性以字符串形式返回当前节点的名称。
值
字符串。不同类型节点的值为
Attr-
Attr.name的值，即属性的限定名。 CDATASection-
字符串
"#cdata-section"。 Comment-
字符串
"#comment"。 Document-
字符串
"#document"。 DocumentFragment-
字符串
"#document-fragment"。 DocumentType-
DocumentType.name的值 Element-
Element.tagName的值，如果是 HTML 元素，则为元素标签的大写名称，如果是 XML 元素（如 SVG 或 MATHML 元素），则为小写元素标签。 ProcessingInstruction-
ProcessingInstruction.target的值 Text-
字符串
"#text"。
示例
此示例显示多个节点的节点名称
html
This is some HTML:
<div id="d1">Hello world</div>
<!-- Example of comment -->
Text <span>Text</span> Text<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">Not calculated yet.</output>
以及以下脚本
js
let node = document.querySelector("body").firstChild;
let result = "Node names are:\n";
while (node) {
result += `${node.nodeName}\n`;
node = node.nextSibling;
}
const output = document.getElementById("result");
output.innerText = result;
规范
| 规范 |
|---|
| DOM 标准 # ref-for-dom-node-nodename① |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。