请看下这段代码的问题

Question

问题可能很低端。。   // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。             var trs = document.getElementsByTagName("tr");    for(var i = 0;i < trs.length;i++){        function changeColor(trs[i]){            trs[i].onmouseover = function(){                trs[i].style.backgroundColor = 'grey';            }            trs[i].onmouseout = function(){                trs[i].style.backgroundColor = 'white';            }        }    }

Answer 1

其实只是你写错了代码而已：

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

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

    (function changeColor(tr){

        tr.onmouseover = function(){

            tr.style.backgroundColor = 'grey';

        }

        tr.onmouseout = function(){

            tr.style.backgroundColor = 'white';

        }

    })(trs[i]);

}