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