我怎样才能用JS控制表格的颜色

Question

<td width="100%" height="13" bgcolor="#CCCCCC"> 
      <p align="center"><A HREF="Fund/RealBuyFund.asp" target="main"><font id=ft>--资金管理--</font></A> 
    </td><tr onclick="javascript:this.bgColor='Ff0000';document.all.ft.color='#00ff00'"> 
    <td width="80%" height="20" > 
      <p align="center"><A HREF="report/report.asp" target="main">--报表统计--</A> 
    </td>
  </tr>

Answer 1

<table>
<tr> 
    <td id="td1" width="100%" height="13" bgcolor="#CCCCCC"> 
      <p align="center"><A HREF="Fund/RealBuyFund.asp" target="main">--资金管理--</A> 
    </td>
  </tr>
  <tr> 
    <td width="100%" height="14"></td>
  </tr>
  <tr> 
    <td id="td2" width="100%" height="15" bgcolor="#CCCCCC"> 
      <p align="center"><A HREF="report/report.asp" target="main" onclick="td1.bgColor='red';td2.bgColor='green'">--报表统计--</A> 
    </td>
  </tr>
</table>

Answer 2

<TABLE id=tb1>
<tr> 
    <td id=t1 width="100%" height="13" bgcolor=#cccccc> 
      <p align="center"><a href='#'>--资金管理-- </a>
    </td>
  </tr>
  <tr> 
    <td width="100%" height="14"></td>
  </tr>
  <tr> 
    <td width="100%" height="15" bgcolor="#CCCCCC"  onclick=setColor()> 
      <p align="center">--报表统计-- 
    </td>
  </tr>
</TABLE>
<script>
function setColor()
{
document.all("tb1").rows[0].cells[0].style.background="#00FF00";
document.all("tb1").rows[2].cells[0].style.background="#FF0000";
}</script>

Answer 3

obj.style.background-color="clr..";
所有的页面元素都有对象，几乎所有对象都有这个属性，所以关键就是得到想改变其颜色的对象，楼上有例子，这就不写了！