元素节点不是属性节点的父节点，元素节点和元素包含的内容有区别，一个包含文本节点，一个包含文本...

元素节点之间才有父子节点的关系？

属性节点只是包含的关系？不是父子关系。因为属性每个人都有，

节点类型不同，不能有父子关系
狗狗不能生猫猫
另外属性节点当然不能出现在dom树里
任意一个元素节点都有几十上百个属性节点

<div id="foo" class="xxx"></div>hello<p id="foo2"></p><!-- comment -->
<script>
    //元素节点 nodeType = 1
    console.log(document.getElementById('foo').nodeType); 
    //属性节点 nodeType = 2
    console.log(document.getElementById('foo').attributes['id'].nodeType);
    //文本节点 nodeType = 3
    console.log(document.getElementById('foo').nextSibling.nodeType);
    //注释节点 nodeType = 8
    console.log(document.getElementById('foo2').nextSibling.nodeType);
    //文档节点 nodeType = 9
    console.log(document.nodeType);
    //fragment节点 nodeType = 11
    console.log((document.createDocumentFragment()).nodeType);
</script>

2. nodeValue

对于元素节点，因为本身不直接包含文本，所以nodeValue是不可用的。当然你也可以在示例中自己写试试看有什么结果出现。

对于文本节点，nodeValue=文本值

对于属性节点，nodeValue=属性值

转载于:https://www.cnblogs.com/xuedexin/articles/5604353.html