选择变换TR背景颜色问题JS如何写？

<tr bgcolor="#ffffff" onclick="this.bgColor='#E8F999';"   >当点击时当前TR背景颜色为黄色，其它TR和红色。这个JS如何写

解决方案 »

  1.   

    给tr所在table赋个id值，当点击某个tr时，用js先循环把这些tr的颜色全部变为你想要的，然后再把当前tr颜色变为另一个你想要的。
      

  2.   

    <html>
    <head>
    <script>
        function changeColor(obj){
        
            var t = document.getElementById("table");
            for(var i = 0; i < t.rows.length;i++){
                t.rows[i].bgColor = "red";
            }
            
            obj.bgColor = "yellow";
        }
    </script>
    </head>
    <body>
    <table width="500" id="table" border="1">
    <tr onclick="changeColor(this)">
    <td>
    abc
    </td>
    </tr>
    <tr onclick="changeColor(this)">
    <td>
    def
    </td>
    </tr>
    <tr onclick="changeColor(this)">
    <td>
    ghi
    </td>
    </tr></table>
    </body>
    </html>
      

  3.   

    <table border="0" cellpadding="0" cellspacing="1" class="list" onclick="clickevent();"
                    id="table1">
    function clickevent(){
    var e=event.srcElement; 
    if(e.tagName!="TD")return;
    e=GetParentElement(e, "TR");
    if(e.rowIndex<=0)return;var obj=document.getElementById("table1");for(var i=1;i<obj.rows.length;i++){
                    row.id = obj.rows(i).bgcolor="red";
                }
    obj.rows(e.rowIndex).bgcolor="blue";
    }
    }
      

  4.   

    <script>
    function bgChange(obj)
    {obj.bgColor=obj.bgColor==""?"#B6DC73":"";}
    </script>
    <table width="80%" border="1">
    <tr onclick="bgChange(this)">
    <td>aa25.cn</td>
    <td>aa25.cn</td>
    </tr>
    <tr onclick="bgChange(this)">
    <td>aa25.cn</td>
    <td>aa25.cn</td>
    </tr>
    <tr onclick="bgChange(this)">
    <td>aa25.cn</td>
    <td>aa25.cn</td>
    </tr>
    </table>
      

  5.   


    <table width="80%" border="1"> 
    <tr onclick="c=this.style.backgroundColor;this.style.backgroundColor='#EFEFEF'"
                                    onmouseout="this.style.backgroundColor=c"> 
    <td>啊啊啊啊啊啊啊啊</td> 
    <td>事实是事实是事实</td> 
    </tr> 
    </table>