如何使动态表格隔一行换一种颜色显示？

<style>
.t1 {background: menu}
.t2 {background: white}
.tt {background: highlight; color: highlighttext;}
</style>
<table border=1 id=tab1 width=400>
<tr><td>aaa</td><td>bbb</td></tr>
<tr><td>aaa</td><td>bbb</td></tr>
<tr><td>aaa</td><td>bbb</td></tr>
<tr><td>aaa</td><td>bbb</td></tr>
<tr><td>aaa</td><td>bbb</td></tr>
<tr><td>aaa</td><td>bbb</td></tr>
</table><script language=javascript>
function mm() //隔行换色函数
{
   var a = document.all.tab1.getElementsByTagName("tr"), c;
   for (var i=0; i<a.length; i++)
   {
      c = (c=="t1") ? "t2" : "t1";
      a[i].className = c
   }
}  mm();
function document.onclick() //点击变色函数
{
    mm();
   if(window.event.srcElement.tagName == "TD")
   {
      var e = window.event.srcElement.parentElement;
      e.className = "tt";
   }
}
</script>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE> emu </TITLE>
    <META NAME="Author" CONTENT="emu(ston)">
    <META NAME="Keywords" CONTENT="javascript">
    <META NAME="Description" CONTENT="emu's test page">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function changebg(){
    var rows = document.getElementsByTagName("TABLE")[0].rows;
    for (var i=1;i<rows.length;i+=2)
    rows[i].bgColor="#FFFFCC"
    }
    //-->
    </SCRIPT>
    </HEAD>
    <BODY onload="changebg()">
    <TABLE cellspacing=0>
    <TR>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    </TR>
    <TR>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    </TR>
    <TR>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    </TR>
    <TR>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    <TD>asdfsdfsd</TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>
      

  2.   

    <style>
       tr{background-color:expression((sectionRowIndex%2)?'blue':'red')}
    </style>
    <TABLE border>
       <TR><TD>asdfsdfsd</TD></TR>
       <TR><TD>asdfsdfsd</TD></TR>
       <TR><TD>asdfsdfsd</TD></TR>
       <TR><TD>asdfsdfsd</TD></TR>
    </TABLE>