日期:2014-05-16  浏览次数:20374 次

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

------解决方案--------------------
应该是父子节点的关系,不知道你问这个有什么用。

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

------解决方案--------------------

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