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 相关文章推荐
document.getElementById为空或不是对象的解决方法
Jan 24 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
Jan 15 Javascript
使用jquery mobile做幻灯播放效果实现步骤
Jan 04 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
JavaScript中constructor()方法的使用简介
Jun 05 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
javascript常用经典算法实例详解
Nov 25 Javascript
轻松实现js图片预览功能
Jan 18 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
基于JS对象创建常用方式及原理分析
Jun 28 Javascript
解决vue自定义组件@click点击失效问题
Apr 30 Vue.js
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读取mysql的简单实例
2014/01/15 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
javascript显示选择目录对话框的代码
2008/11/10 Javascript
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
2014/11/19 Javascript
JavaScript实现列表分页功能特效
2015/05/15 Javascript
jquery仿百度百科底部浮动导航特效
2015/08/08 Javascript
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
jquery 禁止鼠标右键并监听右键事件
2017/04/27 jQuery
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
JS求Number类型数组中最大元素方法
2018/04/08 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
2018/09/20 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
vue中created和mounted的区别浅析
2019/08/13 Javascript
JS实现点星星消除小游戏
2020/03/24 Javascript
[02:04]2014DOTA2国际邀请赛 DK一个时代的落幕
2014/07/21 DOTA
python使用calendar输出指定年份全年日历的方法
2015/04/04 Python
Python的requests网络编程包使用教程
2016/07/11 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
关于Python3 类方法、静态方法新解
2019/08/30 Python
Python3 Click模块的使用方法详解
2020/02/12 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
仓管岗位职责范本
2014/02/08 职场文书
主要负责人任命书
2014/06/06 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL