最近沒(méi)事做，寫了個(gè)js 動(dòng)態(tài)加載table的tr隔行換色，用了rowIndex 這個(gè)屬性，廢話不說(shuō) ，貼上代碼
<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;

最終效果截圖