双色table的解决方案

在IE浏览器下直接用css就可解决:

.mytable tr{background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}

 

而在firefox下,则不会生效,因为sectionRowIndex只在IE下有效。

另外有一个使用javascript的解决方案:

(1)javascript代码如下

function doblecolor_firefox() {
if (window.XMLHttpRequest) {//这句的意思是在浏览器为firefox时,执行里面的代码
   var tables = document.getElementsByTagName("table");
   for (var i = 0; i < tables.length; i++) {
    var one = tables[i];
    if (one.className == "mytable") {
     var alltr = one.getElementsByTagName("tr");
     for(var j=0;j<alltr.length;j++){
       var onetr = alltr[j];
       if(j%2==0){
          onetr.className = "onetr_0";//注:这个名为onetr_0的class须在class文件中撰写
       }else{
         onetr.className = "onetr_1";
       }
     }
    }
   }
}
}

(2)在body标签中调用这个函数即可:

<body onload="doblecolor_firefox();">

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值