<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function upcolor(){
var oTb = document.getElementById("tbStu");
for (var i = 0; i < oTb.rows.length; i++) {
if (i % 2!=0) {
oTb.rows[i].style.background='blue';
}
}
}
</script>
</head>
<body οnlοad="upcolor()">
<table id="tbStu" cellpadding="0" cellspacing="0">
<tr><th>出游时间 </th><th>出游地</th><th>出游方式</th><th>预计花费</th></tr>
<tr><td>元旦</td><td>三亚</td><td>飞机</td><td>2000</td></tr>
<tr><td>春节</td><td>泰国</td><td>飞机</td><td>2500</td></tr>
<tr><td>清明 </td><td>大唐芙蓉园</td><td>火车</td><td>1500</td></tr>
<tr><td> 五一 </td> <td> 颐和园</td><td> 火车</td><td>100</td></tr>
<tr><td>端午</td><td>周庄</td><td>火车</td><td>1000</td></tr>
<tr><td>十一</td><td>满城</td><td>汽车</td><td>30</td></tr>
</table>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function upcolor(){
var oTb = document.getElementById("tbStu");
for (var i = 0; i < oTb.rows.length; i++) {
if (i % 2!=0) {
oTb.rows[i].style.background='blue';
}
}
}
</script>
</head>
<body οnlοad="upcolor()">
<table id="tbStu" cellpadding="0" cellspacing="0">
<tr><th>出游时间 </th><th>出游地</th><th>出游方式</th><th>预计花费</th></tr>
<tr><td>元旦</td><td>三亚</td><td>飞机</td><td>2000</td></tr>
<tr><td>春节</td><td>泰国</td><td>飞机</td><td>2500</td></tr>
<tr><td>清明 </td><td>大唐芙蓉园</td><td>火车</td><td>1500</td></tr>
<tr><td> 五一 </td> <td> 颐和园</td><td> 火车</td><td>100</td></tr>
<tr><td>端午</td><td>周庄</td><td>火车</td><td>1000</td></tr>
<tr><td>十一</td><td>满城</td><td>汽车</td><td>30</td></tr>
</table>
</body>
</html>
程序实现以下效果: