用Javascript控制TD背景变色的问题

不知道在IE下对不对。FF测试<table class="info  table_over" id="tab" onmousemove="javascript:eve(event,this)">
<tr class="thead"> <td>Software </td> <td>C </td> </tr>
<tr> <td>Photoshop </td> <td>adobe </td> </tr>
<tr> <td>Photoshop </td> <td>adobe </td> </tr>
<tr> <td>Photoshop </td> <td>adobe </td> </tr>
</table> 
function eve(e,o){
for(var index=0;index<o.rows.length;index++){
    var curClassName;
   if (e.target.parentNode == o.rows[index]) {
   curClassName='thead'
}
else {
curClassName='table_over'
}
o.rows[index].className=curClassName
}
}

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    <style>
    .info{border:1px red solid}
    .thead{color:red}
    </style>
    </head><body>
    <table class="info  table_over"> 
    <tr class="thead"> <td>Software </td> <td>C </td> </tr> 
    <tr> <td>Photoshop </td> <td>adobe </td> </tr> 
    <tr> <td>Photoshop </td> <td>adobe </td> </tr> 
    <tr> <td>Photoshop </td> <td>adobe </td> </tr> 
    </table>
    <br> 
    <table class="info  table_over"> 
    <tr> <td>Software </td> <td>C </td> </tr> 
    <tr> <td>Photoshop </td> <td>adobe </td> </tr> 
    <tr class="thead"> <td>Photoshop </td> <td>adobe </td> </tr> 
    <tr> <td>Photoshop </td> <td>adobe </td> </tr> 
    </table>
    <br> 
    <table class="info"> 
    <tr class="thead"> <td>Software </td> <td>C </td> </tr> 
    <tr> <td>Photoshop </td> <td>adobe </td> </tr> 
    <tr> <td>Photoshop </td> <td>adobe </td> </tr> 
    <tr> <td>Photoshop </td> <td>adobe </td> </tr> 
    </table>
    <script language="javascript">
    <!--
    onload=function(){
    var objTAB=document.getElementsByTagName("table"),j=objTAB.length;
    for (var i=0;i<j;i++)
    if (objTAB[i].className.indexOf("table_over")!=-1)init (objTAB[i])
    }
    function init(objTab){
    var obj=objTab.getElementsByTagName("tr")
    for (var i=0;i<obj.length;i++)if(obj[i].className.indexOf("thead")!=-1){i=obj.length+10;setactive(objTab)}
    }function setactive(objTab){
    var obj=objTab.getElementsByTagName("tr")
    for (var i=0;i<obj.length;i++)
    if(obj[i].className.indexOf("thead")<0){
    obj[i].onmouseover=function(){this.style.background="#aaa"}
    obj[i].onmouseout=function(){this.style.background="#fff"}
    }
    }
    //-->
    </script>
    </body></html>