元素的子节点

标签：遍历   color   node   不同   指定元素   浏览器   使用   list   item   

元素的childNodes属性中包含了他的所有子节点，这些子节点有可能是元素，文本节点，注释或者处理指定，也就是所

例如：

<ul id="myList">
    <li>Iten1</li>
    <li>Item2</li>
    <li>Item3</li>        
</ul>

　　在不同的浏览器中，返回ul元素的子节点的数目不同，，因为li元素之间的空格，所以在除IE之外的其他浏览器之中，会返回子节点的数目为7，包括li元素之间的空白符

在遍历子节点时，要注意在不同浏览器中的不同

代码如下：

1 for（var i=0,len=element.childNodes.length;i<len；i++）{
2        if(element.childNodes[i].nodeType==1)    
3            
4          //执行某些操作
5 
6 
7 }

二：

解决上述问题：使用children属性；

这个元素包含指定元素的所有的元素子节点

当元素只包含元素子节点时，这两个属性的值相同

元素的子节点

标签：遍历   color   node   不同   指定元素   浏览器   使用   list   item   

原文地址：http://www.cnblogs.com/qianduangaoshou/p/6658709.html