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 相关文章推荐
根据分辨率不同,调用不同的css文件
Jul 07 Javascript
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
js 刷新页面的代码小结 推荐
Apr 02 Javascript
javascript 实用的文字链提示框效果
Jun 30 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
Vue的MVVM实现方法
Aug 16 Javascript
Vue v2.5 调整和更新不完全问题
Oct 24 Javascript
Vue微信项目按需授权登录策略实践思路详解
May 07 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 Javascript
新版小程序登录授权的方法
Dec 12 Javascript
JAVA面试题 static关键字详解
Jul 16 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 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
苏联队长,苏联超人蝙蝠侠,这些登场的“山寨”英雄真的很严肃
2020/04/09 欧美动漫
php5.5新数组函数array_column使用
2013/07/08 PHP
php实现递归抓取网页类实例
2015/04/03 PHP
PHP的几个常用加密函数
2016/02/03 PHP
Javascript 布尔型分析
2008/12/22 Javascript
自己的js工具 Event封装
2009/08/21 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
2016/11/07 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
Node.js中文件操作模块File System的详细介绍
2017/01/05 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
2017/02/15 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
uni-app使用countdown插件实现倒计时
2020/11/01 Javascript
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
如何使用python操作vmware
2019/07/27 Python
Python学习笔记之函数的定义和作用域实例详解
2019/08/13 Python
python写一个随机点名软件的实例
2019/11/28 Python
Python实现井字棋小游戏
2020/03/09 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
Python如何向SQLServer存储二进制图片
2020/06/08 Python
Keras保存模型并载入模型继续训练的实现
2021/02/20 Python
教师的实习鉴定
2013/12/15 职场文书
学习2014年全国两会心得体会
2014/03/12 职场文书
物业保洁员岗位职责
2015/02/13 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
背起爸爸上学观后感
2015/06/08 职场文书