HTML DOM 中 元素节点和属性节点是什么关系？如何证明呢？

Question

如题目,HTML DOM 中 元素节点和属性节点是什么关系？如何证明呢？htmljavascriptDOM元素节点和属性节点HTML DOM 节点关系

Answer 1

应该是父子节点的关系，不知道你问这个有什么用。<div id="aaa" aaa="bbb"></div>
<script type="text/javascript">
var attr = document.getElementById('aaa').attributes;
for(var i = 0 ; i < attr.length ; ++i){
alert(attr[i].ownerElement.id);
}
</script>

Answer 2

看不明白想问什么,
html dom没有分为元素节点,属性节点的说法,语法就是xml语法

Answer 3

属性 就是 HTML DOM 元素节点的属性，没有 属性节点 一说
属性 只是一个集合

Answer 4

它们的 nodetype 不同吧，好像..

Answer 5

<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>