childNodes 和children

childNodes 兼容性不是很好，一般用children

元素.childNodes : 只读 属性 子节点列表集合
标准下：包含了空白换行和元素类型的节点，也会包含非法嵌套的子节点
非标准下：只包含元素类型的节点，ie7以下不会包含非法嵌套子节点

childNodes只包含一级子节点，不包含后辈孙级以下的节点

元素.children : 只读 属性 子节点列表集合
标准下 ：只包含元素类型的节点
非标准下 ：只包含元素类型的节点

<script>

window.onload = function() {
var oUl = document.getElementById('ul1');
//alert(oUl.childNodes.length);//火狐ie9-11弹出来是11,ie7-8弹出来是4
alert(oUl.children.length);//火狐ie7-11弹出来是4
}

</script>

<ul id="ul1">
<li>11111 <span>span</span></li>
<li>22222</li>
<li>33333</li>
<li>44444</li>

</ul>