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)