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 相关文章推荐
JS 密码强度验证(兼容IE,火狐,谷歌)
Mar 15 Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
javascript判断并获取注册表中可信任站点的方法
Jun 01 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 Javascript
JavaScript仿百度图片浏览效果
Nov 23 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
基于vue2.0动态组件及render详解
Mar 17 Javascript
vux uploader 图片上传组件的安装使用方法
May 15 Javascript
vue+element实现打印页面功能
May 20 Javascript
Vue封装的组件全局注册并引用
Jul 24 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 MySql增删改查的简单实例
2016/06/21 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
脚本安需导入(装载)的三种模式的对比
2007/06/24 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
2014/06/16 Javascript
JavaScript中的时间处理小结
2016/02/24 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
Vue单文件组件开发实现过程详解
2020/07/30 Javascript
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
Python使用multiprocessing创建进程的方法
2015/06/04 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
基于Python实现大文件分割和命名脚本过程解析
2019/09/29 Python
Python中实现输入一个整数的案例
2020/05/03 Python
Python截图并保存的具体实例
2021/01/14 Python
澳大利亚墨尔本的在线时装店:LORETA
2018/09/14 全球购物
应届医学毕业生求职信分享
2013/12/02 职场文书
学前班教师的自我鉴定
2013/12/05 职场文书
实习教师自我鉴定
2013/12/12 职场文书
运动会口号16字
2014/06/07 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
广告业务员岗位职责
2015/02/13 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
创业计划书之游泳馆
2019/09/16 职场文书
通过Python把学姐照片做成拼图游戏
2022/02/15 Python
gojs实现蚂蚁线动画效果
2022/02/18 Javascript