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 chili图片远处放大插件
Nov 30 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
Apr 01 Javascript
Bootstrap学习笔记之css组件(3)
Jun 07 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
Jun 20 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
JavaScript实现按键精灵的原理分析
Feb 21 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 Javascript
vue实现分页栏效果
Jun 28 Javascript
JS正则表达式验证密码强度
Mar 18 Javascript
js实现简单抽奖功能
Nov 24 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
2015/07/04 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
PHP连接MYSQL数据库实例代码
2016/01/20 PHP
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
datagrid框架的删除添加与修改
2013/04/08 Javascript
js左侧三级菜单导航实例代码
2013/09/13 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
jquery垂直公告滚动实现代码
2013/12/08 Javascript
JavaScript中的类(Class)详细介绍
2014/12/30 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
JS实现的缓冲运动效果示例
2018/04/30 Javascript
在Web关闭页面时发送Ajax请求的实现方法
2019/03/07 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
学习python处理python编码问题
2011/03/13 Python
python小技巧之批量抓取美女图片
2014/06/06 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
高中生毕业自我鉴定
2013/10/10 职场文书
大学本科毕业生的自我鉴定范文
2013/11/19 职场文书
《世界多美呀》教学反思
2014/03/02 职场文书
双语教学实施方案
2014/03/23 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
求职意向书范本
2015/05/11 职场文书
预备党员入党感言
2015/08/01 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
Docker与K8s关系介绍不会Docker也可以使用K8s
2022/06/25 Servers