表格行背景色交替
本文介绍了一种使用JavaScript实现表格行背景色交替显示的方法。通过简单的脚本可以在加载页面时改变表格每一行的颜色，以此来增强用户体验。需要注意的是，此方法在IE浏览器中表现良好，但在Firefox和Chrome等现代浏览器中可能不适用。
写网页时，为方便浏览会需要设置table,GridView 等对象的样式。
比如行(Row) 背景色交替变换。
下面贴一个小例子作为学习笔记：
js中写如下代码，在页面中或单独的外部js文件中，
1 //设置表格行的样式为颜色交替
2 function SetTbBgcolor() {
3 var trs = document.getElementById("table1").getElementsByTagName("tr");
4 for (var i = 2; i < trs.length; i++) {
5 if (i % 2 == 0) { trs[i].style.backgroundColor = "#aaaaaa"; }
6 else { trs[i].style.backgroundColor = "#ffffff"; }
7 }
8 }
2 function SetTbBgcolor() {
3 var trs = document.getElementById("table1").getElementsByTagName("tr");
4 for (var i = 2; i < trs.length; i++) {
5 if (i % 2 == 0) { trs[i].style.backgroundColor = "#aaaaaa"; }
6 else { trs[i].style.backgroundColor = "#ffffff"; }
7 }
8 }
在合适的位置调用这个js 方法。
不过，浏览效果发现 这种方法在IE里有效果，FF，Chrome里好像不行。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
