编辑这个页面须要登录或更高权限！

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

JavaScript History 对象HTML DOM Element 对象