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 相关文章推荐
IE事件对象(The Internet Explorer Event Object)
Jun 27 Javascript
如何用JavaScript定义一个类
Sep 12 Javascript
JavaScript的this关键字的理解
Jun 18 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
js变量提升深入理解
Sep 16 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
Angular2 路由问题修复详解
Mar 01 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
详解Vue-Router源码分析路由实现原理
May 15 Javascript
微信小程序中的列表切换功能实例代码详解
Jun 09 Javascript
js实现简单扫雷
Nov 27 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
德劲1102收音机的打理维修案例
2021/03/02 无线电
咖啡与水的关系
2021/03/03 冲泡冲煮
php chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
PHP会话处理的10个函数
2015/08/11 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
js获取php变量的实现代码
2013/08/10 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
深入探究AngularJs之$scope对象(作用域)
2017/07/20 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
JavaScript学习笔记之惰性函数示例详解
2017/08/27 Javascript
自定义vue组件发布到npm的方法
2018/05/09 Javascript
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
webpack 处理CSS资源的实现
2019/09/27 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
Vue 根据条件判断van-tab的显示方式
2020/08/03 Javascript
Python的Bottle框架中实现最基本的get和post的方法的教程
2015/04/30 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
PyQt弹出式对话框的常用方法及标准按钮类型
2019/02/27 Python
python图形绘制奥运五环实例讲解
2019/09/14 Python
详解Python绘图Turtle库
2019/10/12 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
加拿大在线隐形眼镜专家:PerfectLens.ca
2016/11/19 全球购物
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
Zooplus罗马尼亚:宠物食品和配件
2019/11/02 全球购物
精神文明建设先进个人事迹材料
2014/12/24 职场文书
养成教育工作总结
2015/08/13 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL
一文了解MYSQL三大范式和表约束
2022/04/03 MySQL