js 子元素

var lis= document.getElementById('ul_list').getElementsByTagName("li");
//得到 id 为  ul_list 下的所有的li对象  子元素的个数

for(i=0;i<lis.length;i++)
{
  if(i%2 ==0){
      lis[i].className = 'li_bg';
    if(i==(li.length-1)){
                lis[i].className = "li_none"
    }
  }

}










<div id="cityList" style="border:1px solid #C00;padding:10;height:300px;width:700px;overflow:hiden;overflow-y:scroll;">
   <div>
   <span>A</span>
   <ul><li><a href="javascript:void(0);" id="cityList_25">安庆</a></li><li><a href="javascript:void(0);" id="cityList_8">鞍山</a></li><li><a href="javascript:void(0);" id="cityList_29">安阳</a></li></ul>
   </div>
   <div>
   <span>B</span>
   <ul><li><a href="javascript:void(0);" id="cityList_56">包头</a></li><li><a href="javascript:void(0);" id="cityList_4">北京</a></li><li><a href="javascript:void(0);" id="cityList_70">滨州</a></li>
   </ul>
   </div>
</div>
<hr />
<script type="text/javascript">
/*<![CDATA[*/
   function $(_id){return document.getElementById(_id);}
   var cityChildren=$('cityList').getElementsByTagName("A")
   document.write("cityList所包括的元素个数:"+cityChildren.length+"<br />");
   document.write("cityList第一个列的ID号:"+cityChildren[0].id);
/*]]>*/
</script>






< table  border =1  cellpadding =0  cellspacing =0  width =300 >
     < tr >
         < td  id =td1 >
             < input  type =button  value =全选  onclick ="selectAll()" >< br >
             < input  type =checkbox > 1 < br >
             < input  type =checkbox > 2 < br >
             < input  type =checkbox > 3 < br >
             < input  type =checkbox > 4 < br >
             < input  type =checkbox > 5 < br >
             < input  type =checkbox > 6 < br >
             < input  type =checkbox > 7 < br >
         </ td >
     </ tr >
     </table>
     
     
     < script >
     function  selectAll(){
         for ( var  i = 0 ; i < document.getElementById( " td1 " ).childNodes.length; i ++ ){
             var  obj  =  document.getElementById( " td1 " ).childNodes[i];
             if (obj  &&  obj.type  &&  obj.type  ==   " checkbox " )
             obj.checked  =   true ;
        }
    }
</ script >
这里有个问题要注意，childNodes只能取一层子元素
，也就是说如果这个脚本套到table上去的话，就不行了。
这样需要多层循环去判断是不是想要获取的tr及td。有点麻烦 -_





< table  border =1  cellpadding =0  cellspacing =0  width =300 >
     < tr >
         < td  id =td1 >
             < input  type =button  value =全选  onclick ="selectAll()" >< br >
             < input  type =checkbox > 1 < br >
             < input  type =checkbox > 2 < br >
             < input  type =checkbox > 3 < br >
             < input  type =checkbox > 4 < br >
             < input  type =checkbox > 5 < br >
             < input  type =checkbox > 6 < br >
             < input  type =checkbox > 7 < br >
             <a href="#">aaaa</a>
         </ td >
     </ tr >
     </table>
     
     
     < script >
     function  selectAll(){
         for ( var  i = 0 ; i < document.getElementById( " td1 " ).childNodes.length; i ++ ){
             var  obj  =  document.getElementById( " td1 " ).childNodes[i];
             if (obj  &&  obj.tagName=='a'){
                 alert('这是a标签');
             }
            
        }
    }
</ script >
这里有个问题要注意，childNodes只能取一层子元素
，也就是说如果这个脚本套到table上去的话，就不行了。
这样需要多层循环去判断是不是想要获取的tr及td。有点麻烦 -_