`

双色table的解决方案

FirefoxIEJavaScript浏览器J# 
阅读更多

在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();">

分享到：
| 即点即现的实现
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics