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 相关文章推荐
使用JQuery和s3captche实现一个水果名字的验证
Aug 14 Javascript
jquery 页面滚动到指定DIV实现代码
Sep 25 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
May 10 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
javascript 数组的定义和数组的长度
Jun 07 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
Bootstrap 轮播(Carousel)插件
Dec 26 Javascript
JavaScript数据结构之数组的表示方法示例
Apr 12 Javascript
angular+webpack2实战例子
May 23 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
JS实现十字坐标跟随鼠标效果
Dec 25 Javascript
前端JS获取URL参数的4种方法总结
Apr 05 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
第六节 访问属性和方法 [6]
2006/10/09 PHP
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
PHP读取xml方法介绍
2013/01/12 PHP
php实现随机生成易于记忆的密码
2015/06/19 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
js模拟滚动条(横向竖向)
2013/02/22 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
React从react-router路由上做登陆验证控制的方法
2018/05/10 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
详解Swift中属性的声明与作用
2016/06/30 Python
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
Diango + uwsgi + nginx项目部署的全过程(可外网访问)
2018/04/22 Python
django 发送手机验证码的示例代码
2018/04/25 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
基于sklearn实现Bagging算法(python)
2019/07/11 Python
python内存动态分配过程详解
2019/07/15 Python
Python3爬虫中Ajax的用法
2020/07/10 Python
python如何爬取动态网站
2020/09/09 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
Fox Racing英国官网:越野摩托车和山地自行车服装
2020/02/26 全球购物
linux面试题参考答案(6)
2016/06/23 面试题
小学生自我鉴定
2013/10/12 职场文书
商务会议邀请函
2014/01/09 职场文书
《夏夜多美》教学反思
2014/02/17 职场文书
给学校的建议书
2014/03/12 职场文书
离婚协议书范文2014(夫妻感情破裂)
2014/12/14 职场文书
文体活动总结
2015/02/04 职场文书
大学生个人学习总结
2015/02/15 职场文书
Pandas-DataFrame知识点汇总
2022/03/16 Python
Go gRPC进阶教程gRPC转换HTTP
2022/06/16 Golang