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 判断checkbox是否选中的实现代码
Nov 23 Javascript
JavaScript伸缩的菜单简单示例
Dec 03 Javascript
jquery实现浮动的侧栏实例
Jun 25 Javascript
基于javascript如何传递特殊字符
Nov 30 Javascript
JavaScript基本语法学习教程
Jan 14 Javascript
JavaScript面试题大全(推荐)
Sep 22 Javascript
jQuery ajax实现省市县三级联动
Mar 07 Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 Javascript
详解vue-loader在项目中是如何配置的
Jun 04 Javascript
p5.js绘制创意自画像
Nov 04 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
Jan 18 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 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
php编写一个简单的路由类
2011/04/13 PHP
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
php获取当前月与上个月月初及月末时间戳的方法
2016/12/05 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
php制作圆形用户头像的实例_自定义封装类源代码
2017/09/18 PHP
JavaScript的变量作用域深入理解
2009/10/25 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
jQuery中大家不太了解的几个方法
2015/03/04 Javascript
jquery.validate使用详解
2016/06/02 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
2018/12/20 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
2019/08/08 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
[04:01]2014DOTA2国际邀请赛 TITAN告别Ohaiyo期望明年再战
2014/07/15 DOTA
[01:33]DOTA2上海特级锦标赛 LIQUID战队完整宣传片
2016/03/16 DOTA
Windows下安装python MySQLdb遇到的问题及解决方法
2017/03/16 Python
python 处理dataframe中的时间字段方法
2018/04/10 Python
详解用python实现基本的学生管理系统(文件存储版)(python3)
2019/04/25 Python
python+mysql实现个人论文管理系统
2019/10/25 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
python从内存地址上加载python对象过程详解
2020/01/08 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
2020/06/03 Python
python统计mysql数据量变化并调用接口告警的示例代码
2020/09/21 Python
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
银行求职推荐信范文
2013/11/30 职场文书
优秀员工推荐信
2014/05/10 职场文书
机械专业技术员求职信
2014/06/14 职场文书
思想作风纪律整顿心得体会
2014/09/04 职场文书
初中学习计划书范文
2014/09/15 职场文书
vue-cil之axios的二次封装与proxy反向代理使用说明
2022/04/07 Vue.js