狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

   最近沒事做，寫了個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;

最終效果截圖