childnodes与children详解

childnodes与children详解

例:<div id="parentDiv">

<span>我爱</span>

</br>

<span>js</span>

</div>

childnodes：

var testDiv = document.getElementById("parentDiv").childNodes;

alert(testDiv.length);

在ie浏览器中将会弹出5分别为span,我爱，br，span，js

在非ie中则会弹出7前后两行空格加上ie中的5个元素

children:

var testDiv = document.getElementById("parentDiv").children;

alert(testDiv.length);

ie和非ie中弹出的都是3分别为span，br，span，显然children中只包括了元素节点而不包括文本节点

通过上面的例子相信大家对这两者以及不同浏览器中的区别以及一目了然

项目经验：掌握这些细节在项目的开发过程中能够为您解决不少莫名奇妙的问题

childnodes与children详解

原文：http://blog.csdn.net/chenqingmiaomiao/article/details/19212497