一个Table表格问题

<script language="JavaScript">
<!--
function check(a)
{
//alert(a.bgColor);
//a.bgColor="red";
if (a.bgColor=="")
a.bgColor="red";
else
a.bgColor="";
}
//-->
</script>
<table border="1">
<tr id="tr1" onclick="check(this)">
<td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
</tr>
<tr id="tr2" onclick="check(this)">
<td>ccccccccccccccccc</td>
<td>dddddddddddd</td>
</tr>
</table>

解决方案 »

  1.   

    绿色的部分变不了<script language="JavaScript">
    <!--
    function check(a)
    {
    //alert(a.bgColor);
    //a.bgColor="red";
    a.bgColor="red";
    }
    //-->
    </script>
    <table border="1">
    <tr id="tr1" onclick="check(this)">
    <td bgcolor="green" >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
    <td>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
    </tr>
    <tr id="tr2" onclick="check(this)">
    <td>ccccccccccccccccc</td>
    <td>dddddddddddd</td>
    </tr>
    </table> 
      

  2.   

    <html><head>
    </head><body><table border="1" width="100%">
      <tr id="tr1" onclick="kkk()">
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr id="tr2" onclick="kkk()">
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr id="tr3" onclick="kkk()">
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
    </table></body>
    <script language="javascript">
    function kkk()
    {
    var obj1 = window.document.getElementById("tr1");
    var obj2 = window.document.getElementById("tr2");
    var obj3 = window.document.getElementById("tr3");
    obj1.style.backgroundColor ="white";
    obj2.style.backgroundColor ="white";
    obj3.style.backgroundColor ="white";
    event.srcElement.parentElement.style.backgroundColor = "blue";
    }
    </script>
    </html>
      

  3.   

    因为上面代码改的是tr属性，如果你td颜色不同的话就不行了
    把你真正代码贴出来，我看看，只要<table>的就成
      

  4.   

    表格的每个单元格的BGcolor都设置了，改变tr的背景色不能改变单元格的颜色
      

  5.   

    表格的每个单元格的BGcolor都设置了，改变tr的背景色不能改变单元格的颜色 
      

  6.   

    <script language="JavaScript">
    <!--
    function check(a)
    {
    if (a.cells[0].bgColor!="#ff0000")
    {
    a.cells[0].bgColor="#ff0000";
    a.cells[1].bgColor="#ff0000";
    }
    else
    {
    a.cells[0].bgColor="blue";
    a.cells[1].bgColor="green";
    }
    }
    //-->
    </script>
    <table border="1">
    <tr onclick="check(this)">
    <td bgcolor="blue">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
    <td bgcolor="green">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
    </tr>
    <tr onclick="check(this)">
    <td bgcolor="blue">ccccccccccccccccc</td>
    <td bgcolor="green">dddddddddddd</td>
    </tr>
    </table>
      

  7.   

    我是用CSS设置的背景色，函数没有作用，有什么改进方法，多谢！
    <style type="text/css">
    .tablebody2 {  font-family: "宋体"; font-size: 10pt; color: #333366; background-color: #DFF3FF; text-align: center}
    </style>
    <script language="JavaScript">
    <!--
    function check(a)
    {a.cells[0].bgColor="blue";
    a.cells[1].bgColor="green";}
    //-->
    </script>
    <table border="1">
    <tr onclick="check(this)">
    <td class="tablebody2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
    <td class="tablebody2">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
    </tr>
    <tr onclick="check(this)">
    <td class="tablebody2">ccccccccccccccccc</td>
    <td class="tablebody2">dddddddddddd</td>
    </tr>
    </table>  
      

  8.   

    <style type="text/css">
    .tablebody2 {  font-family: "宋体"; font-size: 10pt; color: #333366; background-color: #DFF3FF; text-align: center}
    .tablebody3 {  font-family: "宋体"; font-size: 10pt; color: #000000; background-color: #DFDDFF; text-align: center}
    </style>
    <script language="JavaScript">
    <!--
    function check(a)
    {
    if (a.cells[0].className!="tablebody3")
    {
    a.cells[0].className="tablebody3";
    a.cells[1].className="tablebody3";
    }
    else
    {
    a.cells[0].className="tablebody2";
    a.cells[1].className="tablebody2";
    }
    }
    //-->
    </script>
    <table border="1">
    <tr onclick="check(this)" id="tr1">
    <td class="tablebody2" id="td1">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
    <td class="tablebody2">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
    </tr>
    <tr onclick="check(this)">
    <td class="tablebody2">ccccccccccccccccc</td>
    <td class="tablebody2">dddddddddddd</td>
    </tr>
    </table>  
      

  9.   

    我把楼上的语句改造了一下，你看如何
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <style type="text/css">
    .tablebody2 {  font-family: "宋体"; font-size: 12pt; color: #333366; background-color: #DFF3FF; text-align: center}
    </style>
    <script language="JavaScript">
    var oldtd=nullfunction check(a)
    {
    if(oldtd!=null)
    {
    for(var i=0;i<oldtd.cells.length;i++)oldtd.cells[i].className="";
    for(var i=0;i<a.cells.length;i++)a.cells[i].className="tablebody2";
    }
    for(var i=0;i<a.cells.length;i++)a.cells[i].className="tablebody2";
    oldtd=a;
    }</script>
    </HEAD><BODY><table border="1">
    <tr  id="tr1" onclick="check(this)" >
    <td bgColor="blue">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
    <td bgColor="green">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
    </tr>
    <tr onclick="check(this)">
    <td bgColor="red">ccccccccccccccccc</td>
    <td bgColor="black">dddddddddddd</td>
    </tr>
    <tr onclick="check(this)">
    <td bgColor="blue">ccccccccccccccccc</td>
    <td bgColor="gray">dddddddddddd</td>
    </tr>
    <tr onclick="check(this)">
    <td bgColor="red">ccccccccccccccccc</td>
    <td bgColor="black">dddddddddddd</td>
    </tr>
    </table>  
    </BODY>
    </HTML>
      

  10.   

    <style type="text/css">
    .tablebody2 {  font-family: "宋体"; font-size: 10pt; color: #333366; background-color: #DFF3FF; text-align: center}
    .tablebody3 {  font-family: "宋体"; font-size: 10pt; color: #000000; background-color: #DFDDFF; text-align: center}
    </style>
    <script language="JavaScript">
    <!--
    function check(a)
    {
    if (a.cells[0].children(0).checked)
    {
    a.cells[0].className="tablebody3";
    a.cells[1].className="tablebody3";
    }
    else
    {
    a.cells[0].className="tablebody2";
    a.cells[1].className="tablebody2";
    }
    }
    //-->
    </script>
    <table border="1">
    <tr onclick="check(this)">
    <td class="tablebody2" id="td1"><input type="checkbox"></td>
    <td class="tablebody2">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
    </tr>
    <tr onclick="check(this)">
    <td class="tablebody2"><input type="checkbox"></td>
    <td class="tablebody2">dddddddddddd</td>
    </tr>
    </table>  
      

  11.   

    不是吧，你给分了啊，那我还写上面的干嘛？给seafo(伏晓海)20分不公平，protest:)还是最后的代码有用
      

  12.   

    seafo(伏晓海)的循环对我有用，呵呵
    多谢大家了