Uncaught TypeError: Cannot read property 'style' of undefined求解

[wu505785951]

window.onload = function(){
            var  str = document.getElementsByTagName("tr");    
            for(var i = 0;  i < str.length; i++)
            {
                    str[i].onmouseover=function()  {
                            this.style.backgroundColor="#f2f2f2";
                    }

                    str[i].onmouseout = function()
                    {
                            str[i].style.backgroundColor = "#fff";
                    }
            }
     
     
     }

第一个onmouseover因为用的是this所以可以改变背景颜色，但当鼠标移开时就显示Uncaught TypeError: Cannot read property 'style' of undefined报错，实在不明白为什么不可以直接用
str[i].style.backgroundColor, 而用this指代后就能成功运行。

[cn00439805]

楼上正解 闭包你可以： for(var i = 0; i < str.length; i++){ (function(i){ //代码 })(i) }

[天际的海浪]

事件执行时，for循环早就结束了，这个时候i已经是最大值加1了。 解决方法是能用this情况就要用this，或者用闭包把每次循环i的值保存起来。