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小技巧--自动隐藏红叉叉
Aug 13 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
javascript适合移动端的日期时间拾取器
Nov 10 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
漫谈JS引擎的运行机制 你应该知道什么
Jun 15 Javascript
jQuery命名空间与闭包用法示例
Jan 12 Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
May 11 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
Aug 24 Javascript
vue中动态添加class类名的方法
Sep 05 Javascript
vue实现PC端分辨率适配操作
Aug 03 Javascript
浅谈vue.watch的触发条件是什么
Nov 07 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
德生PL990,目前市面上唯一一款便携式插卡蓝牙全波段高性能收音机
2021/03/02 无线电
php array_merge下进行数组合并的代码
2008/07/22 PHP
PHP技术开发技巧分享
2010/03/23 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
PHP准确取得服务器IP地址的方法
2015/06/02 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
Thinkphp 框架扩展之数据库驱动常用方法小结
2020/04/23 PHP
用javascript操作xml
2006/11/04 Javascript
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
JavaScript null和undefined区别分析
2009/10/14 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
2015/11/26 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
[01:46]2020完美世界全国高校联赛秋季赛报名开启
2020/10/15 DOTA
Python3搜索及替换文件中文本的方法
2015/05/22 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
python dataframe 输出结果整行显示的方法
2018/06/14 Python
Python绘制堆叠柱状图的实例
2019/07/09 Python
Python实现一个简单的毕业生信息管理系统的示例代码
2020/06/08 Python
Python实现打包成库供别的模块调用
2020/07/13 Python
python定时截屏实现
2020/11/02 Python
纯DOM+CSS3实现简单的小风车动画
2016/09/27 HTML / CSS
CSS3 对过渡(transition)进行调速以及延时
2020/10/21 HTML / CSS
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
Jones New York官网:美国女装品牌,受白领女性欢迎
2019/11/26 全球购物
机电专业毕业生推荐信
2013/11/10 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
火烧圆明园观后感
2015/06/03 职场文书
班级班风口号大全
2015/12/25 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python
MySQL中连接查询和子查询的问题
2021/09/04 MySQL