Question

急急急 求助JS代码 这个点击我只要一个td 变色 可是它会整个tr 里面的td变色 代码如下

<table id="table1" width="50%" border="0" cellpadding="0" cellspacing="0"> <tr style="background-color:#999999; border-bottom:2px solid black; height:25px" align="center"> <td width="25%">one</td> <td width="25%">two</td> <td width="25%">three</td> <td width="25%">four</td> </tr> <tr onMouseOver="over()" onClick="change()" onMouseOut="out()"> <td>管理员1</td> <td>管理员1</td> <td>管理员1</td> <td>管理员1</td> </tr> <tr onMouseOver="over()" onClick="change()" onMouseOut="out()"> <td>管理员2</td> <td> </td> <td> </td> <td> </td> </tr> <tr onMouseOver="over()" onClick="change()" onMouseOut="out()"> <td>3 </td> <td> </td> <td> </td> <td> </td> </tr>

Answer 1

这个吧。。。你把onMouseOver="over()" onClick="change()" onMouseOut="out()"放到<TD 里就好了

追问

没用 试过了

追答

额。。那我也不知道了。。。要是我的话，就定义一个CSS

Answer 2

能描述清楚点么 或者附上完整代码我跑一遍 给你正确代码

追问

在这个网站上
http://www.111cn.net/js_a/javascript-s/46337.htm

追答

function change(change) {
var oObj = window.event.srcElement;
    if (oObj.style.backgroundColor != "") {
      oObj.style.backgroundColor = "";
      return;
    }
//alert(change.tagName.toLowerCase());
if(oObj.tagName.toLowerCase() == "td"){  
      for (var i = 0; i < document.all.table1.getElementsByTagName('td').length; i++) {
        document.all.table1.getElementsByTagName('td')[i].style.backgroundColor = "";
      }
      oObj.style.backgroundColor = "#123456";   
}
}

 change 函数 改成这样就好了

追问

可以了 谢谢 但是这个在火狐不兼容 能解决吗？