如何不用标记在网页中直接插入脚本就可以使表格颜色相同呢？

<SCRIPT>//定义table的样式, cellSpacing,cellPadding.
//用obj.rows.length得出该表格的行数.
//实现奇数列时样式为tdcss1,偶数列为tbcss2.function cooltable(obj) {
obj.bgColor="#DDDDDD";
obj.cellSpacing=1;
obj.cellPadding=5;
for  (i=0;i<obj.rows.length;i++)  {  
if(i%2==0) obj.rows(i).className  =  "tdcss1"
else obj.rows(i).className  =  "tdcss2";  
}  
}
</SCRIPT><!--定义样式--><STYLE> 
* {font-size: 10.5pt}
.tdcss1  {  BACKGROUND-COLOR:  #F5F5F5; }  
.tdcss2  {  BACKGROUND-COLOR:  #FFFfFF; }  
.mytbcss {
    baobao:expression(cooltable(this));
}
</STYLE>  <BODY>  <!--定义定义表格样式mytbcss就可以得到一个双色相间表格,再也不用一行一行地定义了.--><TABLE width=300  border=0 class=mytbcss>  
   <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss1-->
   <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss2--> 
   <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss1-->
   <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss2-->
   <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss1-->
   <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss2-->
   <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss1--> 
</TABLE>  
</BODY>  

解决方案 »

  1.   

    <script language="JavaScript">
    <!--
    function window.onload()
    {
    for(var i=0; i<document.all.tags("TABLE").length; i++)
    setColor(document.all.tags("TABLE")[i],"#FFFFFF","blue");
    }function setColor(tbl,color1,color2)
    {
    for(var i=0; i<tbl.rows.length; i++)
    {
    if(i%2==0) tbl.rows[i].bgColor = color1;
    else tbl.rows[i].bgColor = color2;
    }
    }
    //-->
    </script></head><body bgcolor="#DDDDDD">
    <table>
      <tr><td>白底</td></tr>
      <tr><td>蓝底</td></tr>
      <tr><td>白底</td></tr>
      <tr><td>蓝底</td></tr>
      <tr><td>白底</td></tr>
      <tr><td>蓝底</td></tr>
      <tr><td>白底</td></tr>
      <tr><td>蓝底</td></tr>
    </table>