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 相关文章推荐
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
Nov 21 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
jQuery中get()方法用法实例
Dec 27 Javascript
js选项卡的实现方法
Feb 09 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
Mar 20 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
js实现删除json中指定的元素
Sep 22 Javascript
Javascript实现关闭广告效果
Jan 29 Javascript
5种方法告诉你如何使JavaScript 代码库更干净
Sep 15 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
PHP如何得到当前页和上一页的地址?
2006/11/27 PHP
PHP控制网页过期时间的代码
2008/09/28 PHP
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
windows的文件系统机制引发的PHP路径爆破问题分析
2014/07/28 PHP
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
Yii实现自动加载类地图的方法
2015/04/01 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
Javascript图像处理—平滑处理实现原理
2012/12/28 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
JS和JQ的event对象区别分析
2014/11/24 Javascript
js 求时间差的实现代码
2016/04/26 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
jQuery实现选中行变色效果(实例讲解)
2017/07/06 jQuery
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
在小程序中使用Echart图表的示例代码
2018/08/02 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
Python3搜索及替换文件中文本的方法
2015/05/22 Python
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
Python随机函数random()使用方法小结
2018/04/29 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
详解python tcp编程
2020/08/24 Python
《一件运动衫》教学反思
2014/02/19 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
收银出纳员岗位职责
2014/02/23 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB
CSS的calc函数用法小结
2022/06/25 HTML / CSS