日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

   最近沒(méi)事做，寫(xiě)了個(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;

最終效果截圖