html foreach 行 间隔 颜色 javascript简单实现表格行间隔显示颜色并高亮显示

var name; //存储tr对象的类名，当鼠标移开时进行恢复

function trcolor(){ //表格行颜色间隔显示

var tabNode = document.getElementsByTagName("table")[0];

var trNodes = tabNode.rows;

for(var x=1;x

if(x%2 == 1)

trNodes[x].className = "one" ;

else

trNodes[x].className = "two" ;

trNodes[x].onmouseover = function(){ //高亮显示

name = this.className;

this.className = "over";

}

trNodes[x].onmouseout = function(){ //tr对象添加onmouseout事件属性

this.className = name ;

}

}

}

window.onload = trcolor ;

table{ width:60%; border:solid 1px #0066FF;}

table td {border:solid 1px #0099ff;}

a{ text-decoration: none;}

.one{background-color: red;}

.two{background-color: blue;}

.over{background-color: yellow;}