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 编程引入命名空间的方法与代码
Aug 13 Javascript
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 Javascript
一个轻量级的javascript库 pj介绍
Dec 19 Javascript
js防止表单重复提交的两种方法
Sep 30 Javascript
js 一个关于图片onload加载的事
Nov 10 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
微信小程序 循环及嵌套循环的使用总结
Sep 26 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
Feb 12 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
Aug 01 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
Sep 25 Javascript
解析原生JS getComputedStyle
May 25 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 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
php中JSON的使用方法
2015/04/30 PHP
Yii2 rbac权限控制之rule教程详解
2016/06/23 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
JavaScript触发器详解
2007/03/10 Javascript
JavaScript实现QueryString获取GET参数的方法
2013/07/02 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
javascript+canvas实现刮刮卡抽奖效果
2015/07/29 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
2015/11/06 Javascript
JavaScript中双符号的运算详解
2017/03/12 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
2017/05/11 Javascript
node.js中grunt和gulp的区别详解
2017/07/17 Javascript
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
vue中组件的3种使用方式详解
2019/03/23 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
Python实现的一个自动售饮料程序代码分享
2014/08/25 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
浅谈django 重载str 方法
2020/05/19 Python
Nike德国官网:Nike.com (DE)
2018/11/13 全球购物
保密工作实施方案
2014/02/24 职场文书
四群教育工作实施方案
2014/03/26 职场文书
行政监察建议书
2014/05/19 职场文书
婚庆答谢词大全
2015/09/29 职场文书
2019学生会干事辞职信
2019/06/27 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
话题作文之生命的旋律
2019/12/17 职场文书