最新的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屬性


<元素對象