@人人都有一个梦想,每天都在圆这个梦...... <-- 记录学习中点滴,一步步成长 ^o^ -->

设置 html 中table 行背景颜色交替变换 (IE)

写网页时,为方便浏览会需要设置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 }

 在合适的位置调用这个js 方法。

不过,浏览效果发现 这种方法在IE里有效果,FF,Chrome里好像不行。

posted @ 2011-02-25 10:16  有你的城市  阅读(5664)  评论(0编辑  收藏  举报