JavaScript History 对象 HTML DOM Element 对象

HTML DOM nodeName 属性

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>

测试看看‹/›

JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

HTML DOM nodeName 属性

语法：

浏览器兼容性

技术细节

更多实例

相关参考