table의 rowIndex를 사용하여 짝수줄과 홀수줄을 다르게 색상을 넣었다.

<TABLE id=tableObj bgColor='pink' width=300 cellpadding=3 cellspacing=10>
<TR>
<TD>td 11</TD><TD>td 12</TD><TD>td 13</TD>
</TR>
<TR>
<TD>td 21</TD><TD>td 22</TD><TD>td 23</TD>
</TR>
<TR>
<TD>td 31</TD><TD>td 32</TD><TD>td 33</TD>
</TR>
<TR>
<TD>td 41</TD><TD>td 42</TD><TD>td 43</TD>
</TR>
</TABLE>
<SCRIPT>
function paintTable(){
  var rows=tableObj.rows;
  for(var i=0;i<ROWS.length;i++){
    if(i%2==0) {
      rows[i].style.backgroundColor='blue';
      rows[i].style.color='yellow';
      rows[i].style.fontWeight='bold';
    } else {
      rows[i].style.backgroundColor='yellow';
      rows[i].style.color='blue';
    }
  }
}
</SCRIPT>
<BUTTON onclick="paintTable()">테이블의 양식화</BUTTON>