HTML DOM Element nodeName 属性

定义和用法

nodeName 属性返回节点的名称：

  • 如果节点是元素节点，则 nodeName 属性返回标签名（大写）。
  • 如果节点是属性节点，则 nodeName 属性返回属性的名称。
  • 如果节点是文本节点，则 nodeName 属性返回 #text。
  • 如果节点是注释节点，则 nodeName 属性返回 #comment。
  • 如果节点是文档节点，则 nodeName 属性返回 #document。

nodeName 属性是只读的。

另请参阅：

nodeType 属性

nodeValue 属性

tagName 属性

childNodes 属性

实例

例子 1

返回 <p> 元素的节点名称：

document.getElementById("myP").nodeName;

亲自试一试

例子 2

返回 <body> 元素的节点名称：

document.body.nodeName;

亲自试一试

例子 3

获取 <body> 元素的子节点的节点名称：

const nodes = document.body.childNodes;

let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeName + "<br>";
}

亲自试一试

例子 4

获取 "myDIV" 的第一个子节点的节点名称、值和类型：

const x = document.getElementById("myDIV").firstChild;

let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

亲自试一试

语法

element.nodeName

或

node.nodeName

返回值

  • 元素节点返回标签名（大写）
  • 属性节点返回属性名
  • 文本节点返回 #text
  • 注释节点返回 #comment
  • 文档节点返回 #document

浏览器支持

element.nodeName 是 DOM Level 1 (1998) 特性。

所有浏览器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持


http://www.vxiaotou.com