最新的Web开发教程
 

HTML DOM nodeName Propery

<元素对象

例

得到的节点名<p>元素：

var x = document.getElementById("myP").nodeName;

x的结果将是：

P
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

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

如果该节点是一个元素节点，节点名称属性将返回标签名称。

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

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

提示：您还可以使用的tagName属性返回元素的标签名。 所不同的是该标记名只返回标签名，而节点名称返回所有节点的名称(tags, attributes, text, comments) 。

此属性为只读。

浏览器支持

属性
nodeName 是 是 是 是 是

句法

node .nodeName

技术细节

返回值： 一个String，表示节点的名称。

可能的值：

  • 返回元素节点的标记名，以大写字母
  • 返回属性节点的属性的名称
  • 返回"#text"的文本节点
  • 返回"#comment"的注释节点
  • 返回"#document"的文档节点
DOM版本 核心1级节点对象
例子

更多示例

例

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

var x = document.body.nodeName;

x的结果将是：

BODY
试一试»

例

获取的节点名称<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;

TXT的结果将是：

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
试一试»

例

获取节点名称，节点值和的节点类型<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>

TXT的结果将是：

The node name: #text
The node value: This is a div element.
The node type: 3
试一试»

相关页面

HTML DOM参考： 元件。 TagName属性

HTML DOM参考： 节点。 NodeType属性

HTML DOM参考： 节点。 nodeValue属性

HTML DOM参考： 节点。 的childNodes属性

<元素对象