IE8 chrome中table隔行换色解决办法
更新时间：2010年07月09日 00:41:07 作者：
今天把项目生成好后，发布到万维网上进行测试，发现table的隔行换色在IE8，chorem中不能正常显示。找了许多资料，CSS看样是不能解决，只能用JS来控制了
IE8以上的版本代码，只需要CSS即可
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
IE8以下的版本代码，是需要CSS与JS共同完成的：
首先定义好两个CSS，代码如下：
.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}
其实写JS代码，代码如下：
onload=function(){
var trs=document.getElementById("tbid").getElementsByTagName("tr");//获取tbid的table中所有tr的信息
for(var i=0;i<trs.length;i++)
{
if(i%2==0)
trs[i].className="tr1";
else
trs[i].className="tr2";
}
}
作者：chenhuzi
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
IE8以下的版本代码，是需要CSS与JS共同完成的：
首先定义好两个CSS，代码如下：
复制代码 代码如下:
.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}
其实写JS代码，代码如下：
复制代码 代码如下:
onload=function(){
var trs=document.getElementById("tbid").getElementsByTagName("tr");//获取tbid的table中所有tr的信息
for(var i=0;i<trs.length;i++)
{
if(i%2==0)
trs[i].className="tr1";
else
trs[i].className="tr2";
}
}
作者：chenhuzi
相关文章
Wordpress ThickBox 添加“查看原图”效果代码
上一次修改了点击图片动作 ， 这次添加一个“查看原图”的链接，点击后将在一个新浏览器窗口(或Tab)打开该图片的原始链接地址。2010-12-12
webpack-dev-server 的 host 配置 0.0.0.0的方法
这篇文章主要介绍了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,,需要的朋友可以参考下2024-01-01
这篇文章主要为大家详细介绍了JavaScript实现数据类型的相互转换，感兴趣的朋友可以参考一下2016-03-03
下面小编就为大家带来一篇简单谈谈axios中的get,post方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要为大家详细介绍了微信小程序实现手写签名，签字版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了JavaScript实现长图滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要为大家详细介绍了javascript实现编写网页版计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
非常不错的技术24点的游戏代码，他的算法值得学习，希望喜欢游戏的朋友，可以来看看2008-06-06
这篇文章主要介绍了JS实现页面跳转参数不丢失的方法,结合实例形式对比分析了javascript URL加密函数escape()、encodeURI()与encodeURIComponent()的功能与相关使用技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了Javascript Ajax异步读取RSS文档具体实现，有需要的朋友可以参考一下2013-12-12
最新评论