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 相关文章推荐
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
May 27 Javascript
基于gulp合并压缩Seajs模块的方式说明
Jun 14 Javascript
js仿微博动态栏功能
Feb 22 Javascript
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
分享Bootstrap简单表格、表单、登录页面
Aug 04 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
Nov 23 Javascript
手把手教你使用TypeScript开发Node.js应用
May 06 Javascript
小程序实现锚点滑动效果
Sep 23 Javascript
Node.js中文件系统fs模块的使用及常用接口
Mar 06 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 Javascript
vue 使用原生组件上传图片的实例
Sep 08 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中array_keys和array_unique函数源码的分析
2016/02/26 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
Linux下快速搭建php开发环境
2017/03/13 PHP
jQuery对象[0]是什么含义?
2010/07/31 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
多种方法实现JS动态添加事件
2013/11/01 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
2013/12/11 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
webpack下实现动态引入文件方法
2018/02/22 Javascript
JS实现的合并多个数组去重算法示例
2018/04/11 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
2018/08/20 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
node基于async/await对mysql进行封装
2019/06/20 Javascript
小程序实现搜索框
2020/06/19 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
layui对工具条进行选择性的显示方法
2019/09/19 Javascript
[47:20]DAC2018 4.4 淘汰赛 Optic vs Mineski 第一场
2018/04/05 DOTA
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
详解python的webrtc库实现语音端点检测
2017/05/31 Python
Flask web开发处理POST请求实现(登录案例)
2018/07/26 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
Python 制作查询商品历史价格的小工具
2020/10/20 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
工地资料员岗位职责
2013/12/31 职场文书
“向国旗敬礼”活动策划方案(4篇)
2014/09/27 职场文书
python自然语言处理之字典树知识总结
2021/04/25 Python
MongoDB使用profile分析慢查询的步骤
2021/04/30 MongoDB
MySQL中in和exists区别详解
2021/06/03 MySQL
《金肉人》米特&《航海王》阿鹤声优松岛实因胰脏癌去世 享寿81岁
2022/04/13 日漫
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python