现在的位置: 首页 > 综合 > 正文

javascript table 隔行变色

2013年03月22日 ⁄ 综合 ⁄ 共 530字 ⁄ 字号 评论关闭

从此再也不用为了隔行变色而引入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');
}

抱歉!评论已关闭.