您的位置:首页 > Web前端 > JavaScript

javascript table 隔行变色

2012-10-24 12:37 447 查看

从此再也不用为了隔行变色而引入jquery了

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;
}
}
}
}
}
}
}
window.onload=function(){
changeTableColor('#ddd','#eee');
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: