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
Javascript实现的Map集合工具类完整实例
Jul 31 Javascript
不定义JQuery插件 不要说会JQuery
Mar 07 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
canvas实现粒子时钟效果
Feb 06 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
BootStrap selectpicker后台动态绑定数据
Jun 01 Javascript
ReactJs实现树形结构的数据显示的组件的示例
Aug 18 Javascript
详解vue-cli下ESlint 配置说明
Sep 03 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 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 __autoload()方法真的影响性能吗?
2012/03/30 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
js post提交调用方法
2014/02/12 Javascript
jquery删除指定子元素代码实例
2015/01/13 Javascript
javascript制作2048游戏
2015/03/30 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
2016/07/19 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
浅谈Postman解决token传参的问题
2018/03/31 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
Vue组件跨层级获取组件操作
2020/07/27 Javascript
[02:39]我与DAC之Newbee.Moogy:从论坛到TI
2018/03/26 DOTA
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
新手该如何学python怎么学好python?
2008/10/07 Python
python检测是文件还是目录的方法
2015/07/03 Python
利用Python爬取微博数据生成词云图片实例代码
2017/08/31 Python
python使用tcp实现局域网内文件传输
2020/03/20 Python
Windows下安装Scrapy
2018/10/17 Python
python实现朴素贝叶斯算法
2018/11/19 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
基于python实现自动化办公学习笔记(CSV、word、Excel、PPT)
2019/08/06 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
HTML5 Canvas自定义圆角矩形与虚线示例代码
2013/08/02 HTML / CSS
.net工程师笔试题
2012/06/09 面试题
介绍一下linux的文件系统
2012/03/20 面试题
财务总监岗位职责
2014/03/07 职场文书
补充协议书
2015/01/28 职场文书
青年教师个人总结
2015/02/11 职场文书
少先队工作总结2015
2015/05/13 职场文书
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server