您的位置:首页 > Web前端 > HTML

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

2011-02-25 10:16 393 查看
写网页时,为方便浏览会需要设置table,GridView 等对象的样式。

比如行(Row) 背景色交替变换。

下面贴一个小例子作为学习笔记:

js中写如下代码,在页面中或单独的外部js文件中,

//设置表格行的样式为颜色交替
function SetTbBgcolor() {
var trs = document.getElementById("table1").getElementsByTagName("tr");
for (var i = 2; i < trs.length; i++) {
if (i % 2 == 0) { trs[i].style.backgroundColor = "#aaaaaa"; }
else { trs[i].style.backgroundColor = "#ffffff"; }
}
}


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

不过,浏览效果发现 这种方法在IE里有效果,FF,Chrome里好像不行。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: