javascript table 隔行变色

来源:岁月联盟 编辑:exp 时间:2012-10-25

从此再也不用为了隔行变色而引入jquery了
[javascript] 
function changeTableColor(oddColor,evenColor){ 
    var tables=document.getElementsByTagName('table'); 
    for(var i=0;i<tables.length;i++){ 
        var table=tables[i]; 
        var childs=table.childNodes; 
        for(var j=0;j<childs.length;j++){ 
            var child=childs[j]; 
            if(child.nodeName=='TBODY'){ 
                var trs=child.childNodes; 
                for(var x=0;x<trs.length;x++){ 
                    if(trs[x].nodeName=='TR'){ 
                        var tr=trs[x]; 
                        if(x%4==0 ){ 
                            trs[x].style.backgroundColor=oddColor; 
                        } 
                        if(x%4==2){ 
                            trs[x].style.backgroundColor=evenColor; 
                        } 
                    } 
                } 
            } 
        } 
    } 

[javascript] view plaincopy
window.onload=function(){ 
    changeTableColor('#ddd','#eee');