Question

js的隔行换色问题 我想实现鼠标覆盖上去 表格的tr背景颜色变化 而鼠标移开的时候，表格恢复隔行换色；

鼠标移开的时候我想恢复隔行换色的效果；
JS代码如下：可为什么实现不了，高手指教
function lineChange(){
var lines=document.getElementsByTagName("tr");

for(var i=0;i<lines.length;i++){

lines[i].onmouseover=function(){
this.style.background="blue";

}
lines[i].onmouseout=function(){
if(i%2==0){
this.style.background="#fff";
}else{
this.style.background="red";
}

}
}

}

Answer 1

我给你改了一下
function lineChange(){
var lines=document.getElementsByTagName("tr");
for(var i=0;i<lines.length;i++){
if(i%2==0){
lines[i].style.background="#fff";
lines[i].id=i;
}else{
lines[i].style.background="red";
lines[i].id=i;
}
lines[i].onmouseover=function(){
this.style.background="blue";

}
lines[i].onmouseout=function(){
var i=this.id;
if(i%2==0){
this.style.background="#fff";
}else{
this.style.background="red";
}

}
}
}

Answer 2

ls已经说得很对了。这个问题经常出现，就是在初始化onmouseout的时候，函数里面的i是留的是一个指向i的变量，（和C里面的指针差不多，不知道js里面怎么称呼）。

所以你只要在那个for循环 外面 加一个 i=10； 然后再onmouseout里面 alert(i) 你就会发现他们都是10.。。。所以 ls的方法就是让你注意给每一个tr分配一个id，用id来记录你预期的那个i。