IE8 chrome中table隔行换色解决办法

169 阅读 0 评论 112 点赞

我是靠谱客的博主热情蚂蚁，最近开发中收集的这篇文章主要介绍IE8 chrome中table隔行换色解决办法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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