元素节点之间才有父子节点的关系?
属性节点只是包含的关系?不是父子关系。因为属性每个人都有,
节点类型不同,不能有父子关系狗狗不能生猫猫另外属性节点当然不能出现在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