nodeName 只讀屬性以字符串的形式返回當(dāng)前節(jié)點(diǎn)的名稱。
如果節(jié)點(diǎn)是元素節(jié)點(diǎn),則nodeName屬性將以大寫形式返回標(biāo)記名稱。
如果節(jié)點(diǎn)是屬性節(jié)點(diǎn),則nodeName屬性將返回屬性的名稱。
對(duì)于其他節(jié)點(diǎn)類型,nodeName屬性將為不同的節(jié)點(diǎn)類型返回不同的名稱。
注意:您還可以使用tagName屬性返回元素的標(biāo)簽名稱。區(qū)別在于tagName僅返回標(biāo)記名稱,而nodeName返回所有節(jié)點(diǎn)的名稱(標(biāo)記,屬性,文本,注釋)。
node.nodeName
var x = document.getElementById("myPara").nodeName;測(cè)試看看?/?所有瀏覽器完全支持nodeName屬性:
| 屬性 | ![]() | ![]() | ![]() | ![]() | ![]() |
| nodeName | 是 | 是 | 是 | 是 | 是 |
| 返回值: | 表示節(jié)點(diǎn)名稱的字符串。 可能的值:
|
|---|---|
| DOM版本: | DOM級(jí)別1 |
返回BODY元素的子節(jié)點(diǎn)的節(jié)點(diǎn)名稱:
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;測(cè)試看看?/?返回div的第一個(gè)子節(jié)點(diǎn)的節(jié)點(diǎn)名稱,節(jié)點(diǎn)類型和節(jié)點(diǎn)值:
<div id="div-1">這是一個(gè)div元素。</div>
<script>
var x = document.getElementById("div-1").firstChild;
var txt = "";
txt += "節(jié)點(diǎn)名稱: " + x.nodeName + "<br>";
txt += "節(jié)點(diǎn)值: " + x.nodeValue + "<br>";
txt += "節(jié)點(diǎn)類型: " + x.nodeType;
document.getElementById("para").innerHTML = txt;
</script>測(cè)試看看?/?HTML DOM參考:node .childNodes屬性
HTML DOM參考:node .firstChild屬性
HTML DOM參考:node .lastChild屬性
HTML DOM參考:node .parentNode屬性
HTML DOM參考:node .previousSibling屬性
HTML DOM參考:node .nextSibling屬性