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 支持 支持 支持 支持