实现表格隔行变色的效果，可以通过css+js的方法，通过判断表格奇偶行，使用css定义每行的颜色，达到隔行变色的效果。下面介绍实现的过程。
方法/步骤
1
新建一个html页面，命名为test.html，用于讲解用css、js实现table表格隔行变色的效果。
2
在test.html页面，使用table标签创建五行四列的表格，代码如下：
3
在test.html页面，使用css美化表格，设置表格的边框的样式、宽度，代码如下：
4
在js中，创建一个fun（）函数，并通过onload设置在页面加载完成时，执行fun（）函数。
5
通过getElementById、getElementsByTagName方法获得表格所有的行对象，通过for循环遍历表格每一行，如果行数为偶数，则设置tr的class属性为t2，如果行数为奇数，则设置tr的class属性为t1。
6
使用css设置表格行的class属性为t1时，单元格的背景颜色为白色，class属性为t2时，单元格的背景颜色为灰色。
7
在浏览器打开test.html页面，查看表格是否实现了隔行变色的效果。