HTML DOM nodeName 屬性

HTML DOM Element 對象

nodeName 只讀屬性以字符串的形式返回當前節(jié)點的名稱。

如果節(jié)點是元素節(jié)點，則nodeName屬性將以大寫形式返回標記名稱。

如果節(jié)點是屬性節(jié)點，則nodeName屬性將返回屬性的名稱。

對于其他節(jié)點類型，nodeName屬性將為不同的節(jié)點類型返回不同的名稱。

注意：您還可以使用tagName屬性返回元素的標簽名稱。區(qū)別在于tagName僅返回標記名稱，而nodeName返回所有節(jié)點的名稱（標記，屬性，文本，注釋）。

語法：

node.nodeName

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

瀏覽器兼容性

所有瀏覽器完全支持nodeName屬性：

屬性
nodeName	是	是	是	是	是

技術(shù)細節(jié)

更多實例

返回BODY元素的子節(jié)點的節(jié)點名稱：

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

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

返回div的第一個子節(jié)點的節(jié)點名稱，節(jié)點類型和節(jié)點值：

<div id="div-1">這是一個div元素。</div>

<script>
var x = document.getElementById("div-1").firstChild;
var txt = "";
txt += "節(jié)點名稱: " + x.nodeName + "<br>";
txt += "節(jié)點值: " + x.nodeValue + "<br>";
txt += "節(jié)點類型: " + x.nodeType;
document.getElementById("para").innerHTML = txt;
</script>

相關(guān)參考

HTML DOM參考：node .childNodes屬性

HTML DOM參考：node .firstChild屬性

HTML DOM參考：node .lastChild屬性

HTML DOM參考：node .parentNode屬性

HTML DOM參考：node .previousSibling屬性

HTML DOM參考：node .nextSibling屬性

HTML DOM Element 對象