NodeName属性
image.png
代码
<!DOCTYPE html>
<html>
<body><p id="demo">请点击按钮来获得 body 元素子节点的相关信息。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var txt="";
var c=document.body.childNodes;
//获取body元素的所有子节点
alert(c[0].nodeName);
//这个是p 就是元素节点
alert(c[1].nodeName);
//这个是文本节点，也就是p中间的字。
alert(c[2].nodeName);
//这个是元素节点，也就是button。
alert(c[3].nodeName);
}
</script>
<p><b>注释：</b>元素中的空格被视为文本，而文本被视为节点。</p>
</body>
</html>
获取属性节点的一个例子
<!DOCTYPE html>
<html>
<body><p id="demo">请点击按钮来获得 body 元素子节点的相关信息。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var txt="";
var c=document.getElementById("demo").getAttributeNode("id");
//先获取属性节点
alert(c.nodeName);
//再获取属性节点名称
}
</script>
<p><b>注释：</b>元素中的空格被视为文本，而文本被视为节点。</p>
</body>
</html>
总结
获取的都是节点名称。
参考
HTML DOM nodeName 属性
不该被遗忘的nodeName、nodeValue和nodeType！-五岳之巅-ChinaUnix博客
认识DOM的三大节点：元素节点，文本节点，属性节点以及nodeName,nodeType,nodeValue的区别 - xyjikl - 博客频道 - CSDN.NET
