最近没事做，写了个js 动态加载table的tr隔行换色，用了rowIndex 这个属性，废话不说 ，贴上代码
<table style="BORDER-COLLAPSE:collapse" cellSpacing=0 width=600 align=center  border=1 cellpadding="0" bordercolor="#CCCCCC">
  <tr>
    <td width="200px;">a</td>
    <td width="200px;">sd</td>
     <td width="200px;">asdf</td
  </tr>
  <tr>
    <td width="200px;">b</td>
    <td width="200px;">a</td>
     <td width="200px;">a</td
  </tr>
  <tr>
    <td width="200px;">c</td>
    <td width="200px;">a</td>
     <td width="200px;">a</td
  </tr>
   <tr>
    <td width="200px;">c</td>
    <td width="200px;">a</td>
     <td width="200px;">a</td
  </tr>
   <tr>
    <td width="200px;">c</td>
    <td width="200px;">a</td>
     <td width="200px;">a</td
  </tr>
</table>
 

1  function fun(){
2       var tr=document.getElementsByTagName("tr");
3       for(var i=0;i<tr.length;i++)
4       {
5         tr[i].style.background=tr[i].rowIndex % 2==0?"#F0FFF0":"white";
6       }
7   }
8  
9 window.onload=fun;

最终效果截图