遍历表格中的控件

Question

先得到当前行的引用,tr.
用tr.cells[0]得到第一个td
用td.childNodes[i]得到checkBox,设置chk.checked=true;更简单一点的是: ipts = tr.getElementsByTagName("input");
if(ipts.type=="checkbox")
 alert("恭喜,你找到了!");

Answer 1

如果我只能得到点击的那个td，那么怎么得到td所属的tr呢？

Answer 2

点击选中估计难搞
ie 的 tr td 好像不支持 onclick.

Answer 3

...我错了, td 支持, 不过我用 setAttribute tr td 就死活不支持 onclick.

Answer 4

怎么访问到表格的第i行呢，比如我想通过js来设置行的颜色

Answer 5

function SetColor()
{
var table1=document.getElementById("table1");
var oTr=table1.getElementsByTagName("tr");
for(var i=0;i<oTr.length;i++)
{
if(i % 2==0)
{
document.write("ss");
oTr[i].setAttribute("bgColor","red");
}
else oTr[i].bgColor="black";
}
}
function SetColor()
{
var table1=document.getElementById("table1");
var oTr=table1.getElementsByTagName("tr");
for(var i=0;i<oTr.length;i++)
{
if(i % 2==0)
{
oTr[i].bgColor="red";
}
else oTr[i].bgColor="black";
}
}

Answer 6

<TABLE id="Table1" height="99" cellSpacing="1" cellPadding="1" width="536" border="1" onclick="Change();">
<TR>
<TD width="54"><INPUT id="Checkbox1" type="checkbox" name="Checkbox1"></TD>
<TD><FONT face="宋体">aaaaaaaaaaaaaa</FONT></TD>
</TR>
<TR>
<TD width="54"><INPUT id="Checkbox2" type="checkbox" name="Checkbox2"></TD>
<TD><FONT face="宋体">bbbbbbbbbbbbbbbb</FONT></TD>
</TR>
<TR>
<TD width="54"><INPUT id="Checkbox3" type="checkbox" name="Checkbox3"></TD>
<TD><FONT face="宋体">ccccccccccccccccccccccccc</FONT></TD>
</TR>
<TR>
<TD width="54"><INPUT id="Checkbox4" type="checkbox" name="Checkbox4"></TD>
<TD><FONT face="宋体">dddddddddddddddddddddddddddddd</FONT></TD>
</TR>
</TABLE>
<script>
function Change()
{
var o = event.srcElement; 
if(o.tagName.toLowerCase() == "td")
{
o.parentElement.bgColor = (o.parentElement.bgColor == "#ff0000" )?"":"#ff0000";
o.parentElement.cells[0].children[0].checked = !o.parentElement.cells[0].children[0].checked;
}

}
</script>