最新的Web開發教程
 

HTML DOM nodeName Propery

<元素對象

例

得到的節點名<p>元素：

var x = document.getElementById("myP").nodeName;

x的結果將是：

P
試一試»

更多"Try it Yourself"下面的例子。

定義和用法

nodeName屬性返回指定節點的名稱。

如果該節點是一個元素節點，節點名稱屬性將返回標籤名稱。

如果節點是屬性節點，節點名稱屬性將返回屬性的名稱。

對於其他節點類型，節點名稱屬性將返回不同的節點類型不同的名字。

提示：您還可以使用的tagName屬性返回元素的標籤名。 所不同的是該標記名只返回標籤名，而節點名稱返回所有節點的名稱(tags, attributes, text, comments) 。

此屬性為只讀。

瀏覽器支持

屬性
nodeName 是 是 是 是 是

句法

node .nodeName

技術細節

返回值： 一個String，表示節點的名稱。

可能的值：

  • 返回元素節點的標記名，以大寫字母
  • 返回屬性節點的屬性的名稱
  • 返回"#text"的文本節點
  • 返回"#comment"的註釋節點
  • 返回"#document"的文檔節點
DOM版本 核心1級節點對象
例子

更多示例

例

獲取的節點名<body>元素：

var x = document.body.nodeName;

x的結果將是：

BODY
試一試»

例

獲取的節點名稱<body>元素的子節點：

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
    txt = txt + c[i].nodeName + "<br>";
}

document.getElementById("demo").innerHTML = txt;

TXT的結果將是：

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
試一試»

例

獲取節點名稱，節點值和的節點類型<div>元素的第一個子節點：

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>

TXT的結果將是：

The node name: #text
The node value: This is a div element.
The node type: 3
試一試»

相關頁面

HTML DOM參考： 元件。 TagName屬性

HTML DOM參考： 節點。 NodeType屬性

HTML DOM參考： 節點。 nodeValue屬性

HTML DOM參考： 節點。 的childNodes屬性

<元素對象