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

你可能感兴趣的:(JavaScript,浏览器,IE,J#,firefox)