首页 > 代码库 > 元素的子节点

元素的子节点

元素的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属性;

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

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

 

元素的子节点