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 相关文章推荐
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
jquery基础教程之数组使用详解
Mar 10 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
微信小程序之小豆瓣图书实例
Nov 30 Javascript
Angularjs使用指令做表单校验的方法
Mar 31 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 Javascript
Vue中watch、computed、updated三者的区别及用法
Jul 27 Javascript
JavaScript构造函数原理及实现流程解析
Nov 19 Javascript
H5 js点击按钮复制文本到粘贴板
Nov 19 Javascript
原生JS封装vue Tab切换效果
Apr 28 Vue.js
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
sqlyog 中文乱码问题的设置方法
2008/10/19 PHP
PHP中的日期时间处理利器实例(Carbon)
2017/06/09 PHP
五个jQuery图片画廊插件 推荐
2011/05/12 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
jQuery实现TAB选项卡切换特效简单演示
2016/03/04 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
2018/12/05 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
Python产生Gnuplot绘图数据的方法
2018/11/09 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
对Python中小整数对象池和大整数对象池的使用详解
2019/07/09 Python
基于python操作ES实例详解
2019/11/16 Python
python读写Excel表格的实例代码(简单实用)
2019/12/19 Python
python批量替换文件名中的共同字符实例
2020/03/05 Python
基于python实现计算且附带进度条代码实例
2020/03/31 Python
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
用canvas做一个DVD待机动画的实现代码
2019/04/12 HTML / CSS
Mamas & Papas沙特阿拉伯:英国最受欢迎的婴儿品牌
2017/11/20 全球购物
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
ZWILLING双立人法国网上商店:德国刀具锅具厨具品牌
2019/08/28 全球购物
美国相机和电子产品零售商:Beach Camera
2020/11/26 全球购物
注塑工厂厂长岗位职责
2013/12/02 职场文书
医药代表个人求职信范本
2013/12/19 职场文书
车辆转让协议书
2014/04/15 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
前端学习——JavaScript原生实现购物车案例
2021/03/31 Javascript
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS