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.cookie的使用javascript
Apr 11 Javascript
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
Nov 30 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
JS表单传值和URL编码转换
Mar 03 Javascript
微信小程序用户信息encryptedData详解
Aug 24 Javascript
React Hooks的深入理解与使用
Nov 12 Javascript
在微信小程序中使用图表的方法示例
Apr 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 遍历显示文件夹下所有目录、所有文件的函数,没有分页的代码
2008/11/14 PHP
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
jQuery 使用手册(三)
2009/09/23 Javascript
jQuery技巧大放送 学习jquery的朋友可以看下
2009/10/14 Javascript
javascript JSON操作入门实例
2010/04/16 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
jquery实现数字输入框
2017/02/22 Javascript
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
灵活使用console让js调试更简单的方法步骤
2019/04/23 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
[52:20]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
[01:32]完美世界DOTA2联赛10月29日精彩集锦
2020/10/30 DOTA
python k-近邻算法实例分享
2014/06/11 Python
Python使用multiprocessing创建进程的方法
2015/06/04 Python
详解Python的Django框架中的模版继承
2015/07/16 Python
对python append 与浅拷贝的实例讲解
2018/05/04 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
python生成并处理uuid的实现方式
2020/03/03 Python
如何查看python关键字
2021/01/17 Python
Linux上比较文件的命令都有哪些
2013/09/28 面试题
大门门卫岗位职责
2013/11/30 职场文书
社区活动总结报告
2014/05/05 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
李白故里导游词
2015/02/12 职场文书
民间借贷纠纷答辩状
2015/08/03 职场文书
教育教学工作反思
2016/02/24 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL