                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么只有第三行是颜色发生变化的呢？

window.onload = function(){

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

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

tr[i].onmouseenter=function(){tr[i].style.background="#f2f2f2";}

tr[i].onmouseleave=function(){tr[i].style.background="#fff";}

}

慕侠4705823

2018-01-23

源自：JavaScript进阶篇 9-22

关注问题我要回答

920

操作

收起

2 回答

liadrinz 回答被采纳 +2 积分
2018-02-28

楼上完全正确，可以用以下方案解决：

方案一：用let声明变量i，即for(i=0;i<tr.length;i++)改为for(let i=0;i<tr.length;i++)

方案二：用自执行匿名函数把闭包包装起来，

只需将for循环体里面的内容改为：

(function(num){
    tr[num].onmouseenter=function(){tr[num].style.background="#f2f2f2";}
    tr[num].onmouseleave=function(){tr[num].style.background="#fff";}
    })(i)