上一节:
下一节:

  JavaScript Element nodeName 属性

  • JavaScript Element nodeName 属性

    nodeName属性返回指定节点的名称。如果节点是元素节点，则nodeName属性将返回标记名称。如果节点是属性节点，则nodeName属性将返回属性的名称。对于其他节点类型，nodeName属性将为不同的节点类型返回不同的名称。此属性是只读的。
    提示：您还可以使用tagName属性返回元素的标记名称。区别在于tagName仅返回标记名称，而nodeName返回所有节点的名称（标记，属性，文本，注释）。
    实例：
    获取<p>元素的节点名称： 
    var x = document.getElementById("myP").nodeName;
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome FireFox Safari Opera
    属性
    nodeName
    支持
    支持
    支持
    支持
    支持

  • 语法

    node.nodeName

  • 技术细节

    项目 描述
    返回值： 一个字符串，表示节点的名称。可能的值：
    • 以大写形式返回元素节点的标记名
    • 返回属性节点的属性名称
    • 返回文本节点的“#text”
    • 返回注释节点的“#comment”
    • 返回文档节点的“#document”
    DOM版本 Core Level 1

  • 更多例子

    获取<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 属性
返回 HTML DOM Element 参考
上一节:
下一节: