IE8 chrome中table隔行换色解决办法


Posted in Javascript onJuly 09, 2010

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
Javascript 相关文章推荐
RGB颜色值转HTML十六进制(HEX)代码的JS函数
Apr 25 Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
javascript实现的简单计时器
Jul 19 Javascript
jQuery Select下拉框操作小结(推荐)
Jul 22 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
Apr 02 Javascript
微信小程序事件 bindtap bindinput代码实例
Aug 26 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
解决vue路由name同名,路由重复的问题
Aug 05 Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 #Javascript
JSON.parse 解析字符串出错的解决方法
Jul 08 #Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 #Javascript
JQuery从头学起第三讲
Jul 06 #Javascript
一步一步制作jquery插件Tabs实现过程
Jul 06 #Javascript
jQuery基础知识filter()和find()实例说明
Jul 06 #Javascript
jQuery中filter(),not(),split()使用方法
Jul 06 #Javascript
You might like
用PHP实现维护文件代码
2007/06/14 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
PHP对象相关知识总结
2017/04/09 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
Laravel框架Eloquent ORM删除数据操作示例
2019/12/03 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
2010/03/04 Javascript
javascript delete 使用示例代码
2010/03/29 Javascript
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
jquery与js函数冲突的两种解决方法
2013/09/09 Javascript
jquery checkbox实现单选小例
2013/11/27 Javascript
javascript四舍五入函数代码分享(保留后几位)
2013/12/10 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
2014/11/28 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
微信公众号支付H5调用支付解析
2016/11/04 Javascript
利用JS测试目标网站的打开响应速度
2017/12/01 Javascript
vue实现同一个页面可以有多个router-view的方法
2018/09/20 Javascript
Javascript Dom元素获取和添加详解
2019/09/24 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
2019史上最全Database工程师题库
2015/12/06 面试题
remote接口和home接口主要作用
2013/05/15 面试题
JDBC操作数据库的基本流程是什么
2014/10/28 面试题
聚美优品恶搞广告词
2014/03/14 职场文书
区级文明单位申报材料
2014/05/15 职场文书
门面房租房协议书
2014/08/20 职场文书
干部作风建设年活动剖析材料
2014/10/23 职场文书
承诺书怎么写 ?
2019/04/16 职场文书
python 命令行传参方法总结
2021/05/25 Python