JavaScript 获取一元素的所有子元素

JavaScript 获取一元素的所有子元素
现有一表格，代码如下：

< 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 >
     < tr >
         < td  id =td2 >
             < input  type =checkbox > 11 < br >
             < input  type =checkbox > 12 < br >
         </ td >
     </ tr >
</ table >
现在要取td1中的所有checkbox，并将其设置为选中状态：

< 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。有点麻烦 -_-
posted on 2006-03-23 11:18 D!eR Studio 阅读(897) 评论(1)