隔行换色

function oddTable(element,bgC1,bgC2){
    var tb = document.getElementById(element),
        trLen = tb.rows.length;
    for (var i=0; i<trLen; i++){
        tb.rows[i].style.backgroundColor = (i%2==0) ? bgC1 : bgC2;
    }
}
oddTable('table1','#ff0','#00f');//第一个talbe调用
oddTable('table2','#f00','#0ff');//第二个table调用

由这个方法可以延伸到ul列表，还可以从背景色延伸到class样式的隔行换，看下边代码，

function oddUl(element,className1,className2){
    var oUl = document.getElementById(element),
        oLi = oUl.getElementsByTagName('li'),
        liLen = oLi.length;
    for (var i=0; i<liLen; i++){
        oLi[i].className = (i%2==0) ? className1 : className2;
    }
}
oddUl('ul1','class1','class2');//第一个Ul调用

鼠标经过表格换背景色，

var obj=document.getElementsByTagName("table");
   for(var i=0;i<obj.length;i++){
       for(var j=0;j<obj[i].rows.length;j++){
         obj[i].rows[j].onmouseover=function(){this.style.background="#FF6600";}
         obj[i].rows[j].onmouseout=function(){this.style.background="";}
       }
   }