JavaWeb 单双行分颜色展示

jsp：

<form action="" method="post">
		<table id="table"  border="1" cellpadding="0" cellspacing="0" width="70%"
			align="center">
			<tr>
				<td>这是一个演示</td>
			</tr>
			<tr>
				<td>这是一个演示</td>
			</tr>
			<tr>
				<td>这是一个演示</td>
			</tr>
			<tr>
				<td>这是一个演示</td>
			</tr>
			<tr>
				<td>这是一个演示</td>
			</tr>
		</table>
	</form>

js:

// JavaScript Document
window.onload=function() {  
               var tbl = document.getElementById("table"); // 先获取table
               var rows = tbl.getElementsByTagName("tr"); // 获取里面的行tr
               for(i=0;i<rows.length;i++) {  // 遍历所找到的所有的行 
                      if(i%2==0){ // 判断当前行是否为双行，显示不同的两种颜色
                        rows[i].style.backgroundColor="#c6b893";
                      }else{
                        rows[i].style.backgroundColor="#a68969";
                      } 
               }  
        }; 

效果图：