如何在点击一个按钮后改变表格某一行的背景色？

<SCRIPT language="javascript">
function changeColor()
{
var oTable = document.all.table1;
oTable.rows[1].bgColor = "red";
}
</SCRIPT>
<BODY>
<TABLE id="table1" width="200" border="1">
  <TR>
    <TH scope="col"> </TH>
    <TH scope="col"> </TH>
    <TH scope="col"> </TH>
    <TH scope="col"> </TH>
  </TR>
  <TR>
    <TD> </TD>
    <TD> </TD>
    <TD> </TD>
    <TD> </TD>
  </TR>
  <TR>
    <TD> </TD>
    <TD> </TD>
    <TD> </TD>
    <TD> </TD>
  </TR>
</TABLE>
<INPUT type="button" onClick="changeColor()" value="change">
</BODY>
</HTML>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<table>
  <tr><td><button onclick="parentElement.parentElement.bgColor='#ff0000'"</td></tr>
  <tr><td><button onclick="parentElement.parentElement.bgColor='#ff0000'"</td></tr>
  <tr><td><button onclick="parentElement.parentElement.bgColor='#ff0000'"</td></tr>
  <tr><td><button onclick="parentElement.parentElement.bgColor='#ff0000'"</td></tr></table>
<table>
  <tr><td><button onclick="parentElement.parentElement.bgColor='#ff0000'"></button>11111111111111111111</td></tr>
  <tr><td><button onclick="parentElement.parentElement.bgColor='#ff0000'"></button>11111111111111111111</td></tr>
  <tr><td><button onclick="parentElement.parentElement.bgColor='#ff0000'"></button>11111111111111111111</td></tr>
  <tr><td><button onclick="parentElement.parentElement.bgColor='#ff0000'"></button>11111111111111111111</td></tr>
</table>
<SCRIPT language="javascript">
function changeColor()
{
//var oTable = document.all.table1;
//oTable.rows[1].bgColor = "red";
var obj = event.srcElement ;
obj = obj.parentElement
var rows = obj.rowIndex ;
obj = obj.parentElement.parentElement ;
obj.bgColor = "#FFFFFF" ;
obj.rows[rows].bgColor = "#FF0000" ;
}
</SCRIPT>
<BODY >
<TABLE id="table1" width="200" border="1" >
  <TR onclick="changeColor()">
    <TH scope="col"> </TH>
    <TH scope="col"> </TH>
    <TH scope="col"> </TH>
    <TH scope="col"> </TH>
  </TR>
  <TR onclick="changeColor()">
    <TD> </TD>
    <TD> </TD>
    <TD> </TD>
    <TD> </TD>
  </TR>
  <TR onclick="changeColor()">
    <TD> </TD>
    <TD> </TD>
    <TD> </TD>
    <TD> </TD>
  </TR>
</TABLE>
</BODY>
</HTML>
改了一下
<SCRIPT language="javascript">
function changeColor()
{
//var oTable = document.all.table1;
//oTable.rows[1].bgColor = "red";
var obj = event.srcElement ;
obj = obj.parentElement
var rows = obj.rowIndex ;
obj = obj.parentElement.parentElement ;
for ( i = 0 ; i < obj.rows.length ; ++ i ) {
if ( i == rows) {
obj.rows[rows].bgColor = "#FF0000" ;
} else {
obj.rows[i].bgColor = "#FFFFFF" ;
}
}

}
</SCRIPT>