HTML DOM nodeName 属性

HTML DOM Element 对象

nodeName 只读属性以字符串的形式返回当前节点的名称。

如果节点是元素节点,则nodeName属性将以大写形式返回标记名称。

如果节点是属性节点,则nodeName属性将返回属性的名称。

对于其他节点类型,nodeName属性将为不同的节点类型返回不同的名称。

注意:您还可以使用tagName属性返回元素的标签名称。区别在于tagName仅返回标记名称,而nodeName返回所有节点的名称(标记,属性,文本,注释)。

语法:

node.nodeName
var x = document.getElementById("myPara").nodeName;
测试看看‹/›

浏览器兼容性

所有浏览器完全支持nodeName属性:

属性
nodeName

技术细节

返回值:表示节点名称的字符串。
可能的值:
  • 返回元素节点的标记名(大写)

  • 返回属性节点的属性名称

  • 返回文本节点的“ #text

  • 为注释节点返回“ #comment

  • 返回文档节点的“ #document

DOM版本:DOM级别1

更多实例

返回BODY元素的子节点的节点名称:

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的第一个子节点的节点名称,节点类型和节点值:

<div id="div-1">这是一个div元素。</div>

<script>
var x = document.getElementById("div-1").firstChild;
var txt = "";
txt += "节点名称: " + x.nodeName + "<br>";
txt += "节点值: " + x.nodeValue + "<br>";
txt += "节点类型: " + x.nodeType;
document.getElementById("para").innerHTML = txt;
</script>
测试看看‹/›

相关参考

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 对象