用css、js实现table表格隔行变色的效果

1、新建一个html页面，命名为test.html，用于讲解用css、js实现table表格隔行变色的效果。

3、在test.html页面，使用css美化表格，设置表格的边框的样式、宽度，代码如下：

5、通过getElementById、getElement衡痕贤伎sByTagName方法获得表格所有的行对象，通过for循环遍历表格每一行，如果行剞麽苍足数为偶数，则设置tr的class属性为t2，如果行数为奇数，则设置tr的class属性为t1。

7、在浏览器打开test.html页面，查看表格是否实现了隔行变色的效果。