此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Node:nodeName 属性

基线
广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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
这是一些 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①

浏览器兼容性

参见