轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM nodeName 属性

实例

获取 <p> 元素的节点名:

var x = document.getElementById("myP").nodeName;
亲自试一试 »

页面下方有更多实例。

定义和用法

nodeName 属性返回指定节点的名称。

如果节点是元素节点，nodeName 属性将返回标记名。

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

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

提示: 还可以使用 tagName 属性返回元素的标记名。区别在于标记名只返回标记名，而节点名返回所有节点（标记、属性、文本、注释）的名称。

该属性是只读的。

浏览器支持

属性
nodeName Yes Yes Yes Yes Yes

语法

node.nodeName

技术细节

返回值: 一个字符串，表示节点的名称。

可能值:

  • 返回元素节点的标记名（大写）
  • 返回属性节点的属性名称
  • 返回文本节点的 "#text"
  • 为注释节点返回 "#comment"
  • 返回文档节点的 "#document"
DOM 版本 Core Level 1 Node Object

更多实例

实例

获取 <body> 元素的节点名:

var x = document.body.nodeName;
亲自试一试 »

实例

获取 <body> 元素的子节点的节点名:

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

document.getElementById("demo").innerHTML = txt;
亲自试一试 »

实例

获取 <div> 元素的第一个子节点的节点名、节点值和节点类型:

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>
亲自试一试 »

相关页面

HTML DOM 参考手册: element.tagName 属性

HTML DOM 参考手册: node.nodeType 属性

HTML DOM 参考手册: node.nodeValue 属性

HTML DOM 参考手册: node.childNodes 属性