// 当文件加载时，执行代码。
window.onload = function() {
// 获取对象
var list = document.getElementById('list');
// 获取list下面的所有li
var items = list.getElementsByTagName('li');
// 遍历items
for (var i = 0; i < items.length; i++) {
var className = (i % 2 == 0) ? ' odd' : ' even';
items[i].className += className;
}
}
实现不同行的不同颜色，这样变完全在前端处理，不会与后端的逻辑混淆，是一种比较好的解决方案。
那么这种代码实现起来效果基本上是这样的：
不过，这种方法存在一些问题：
将其代码进行改进并移入到一个单独的函数中去：
用法：
示例：
Table 1
Table 2