js表格隔行变色

<script type="text/javascript">

// 动态事件注册，先要把这个文档加载完成的事件先添加上

window.onload = function() {

// 再通过tr标签查找到所有的行标签对象

var trs = document.getElementsByTagName("tr");

// 遍历每一个行标签对象，来设置它的class属性值

for (var i = 1; i < trs.length; i++){

// i % 2 是求余，当余数为0时，说明是偶数

// 当余数为1时，说明这是一个奇数行

if ( i % 2 == 0) {

trs[i].className = "two";

} else {

trs[i].className = "one";

}

// 定义一个变量来保存修改这个class属性值之前的旧的样式名

var oldClass = "";

// 当鼠标移进去的时候的事件

trs[i].onmouseover = function(){

oldClass = this.className;

this.className = "over";

}

// 当鼠标移出的时候的事件

trs[i].onmouseout = function() {

this.className = oldClass;

}

}

}

</script>