更多"Try it Yourself"下面的例子。
定義和用法
nodeName屬性返回指定節點的名稱。
如果該節點是一個元素節點,節點名稱屬性將返回標籤名稱。
如果節點是屬性節點,節點名稱屬性將返回屬性的名稱。
對於其他節點類型,節點名稱屬性將返回不同的節點類型不同的名字。
提示:您還可以使用的tagName屬性返回元素的標籤名。 所不同的是該標記名只返回標籤名,而節點名稱返回所有節點的名稱(tags, attributes, text, comments) 。
此屬性為只讀。
瀏覽器支持
屬性 | |||||
---|---|---|---|---|---|
nodeName | 是 | 是 | 是 | 是 | 是 |
句法
node .nodeName
技術細節
返回值: | 一個String,表示節點的名稱。 可能的值:
|
---|---|
DOM版本 | 核心1級節點對象 |
更多示例
例
獲取的節點名稱<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參考: 節點。 NodeType屬性
HTML DOM參考: 節點。 nodeValue屬性
HTML DOM參考: 節點。 的childNodes屬性