childNodes和children

childNodes和children

获取某一节点的所有子元素节点，用哪个呢？

childNodes
存在兼容性问题，对于标准浏览器，它包含的是元素节点和文本节点，可以根据节点的类型，判断是文本节点还是元素节点；而对于ie低版本就会获得我们想要的元素子节点

children
ie低版本还是标准浏览器都会获得元素子节点。

<ul>    <Li>1</Li>    <Li>2</Li>    <Li>3</Li>    <Li>4</Li></ul><script>var ul = document.getElementsByTagName('ul')[0];var li1 = ul.children;alert(li1.length); // 都弹出4var li2 = ul.childNodes;alert(li2.length);  // 标准browser、IE8+下弹出9   IE8-弹出4</script>

网上说IE6下加注释，用children会不一样，如li后面加两个注释，IE6下会弹出6，而不是4。我在IETest上的IE6试了下，还是弹出4。