思路:
1,把文档里的所有table元素找出来。
2,对每个table元素,创建odd变量并把它初始化为false。
3,遍历这个表格里的所有数据行。
4,如果变量odd的值是true,设置样式并把odd变量修改为false。
5,如果变量的值是false,不设置样式,但把odd变量修改为true。
html部分
<table>
<tr>
<th>when</th>
<th>where</th>
</tr>
<tr>
<td>june 9th</td>
<td>shanghai</td>
</tr>
<tr>
<td>june 10th</td>
<td>changsha</td>
</tr>
<tr>
<td>june 11th</td>
<td>hainan</td>
</tr>
</table>
javascript部分:
var tables = document.getElementsByTagName('table');
var odd,rows;
for(var i = 0; i < tables.length; i++){
odd = false;
rows = tables[i].getElementsByTagName('tr');
for(var j = 0; j < rows.length; j++){
if(odd){
rows[j].style.background = 'red';
odd = false;
}else{
odd = true;
}
}
}
效果: