请看下这段代码中函数的问题

Question

var trs = document.getElementsByTagName('tr');
for(var i = 0;i < trs.length;i++){       
        trs[i].onmouseover = function(){
            this.style.backgroundColor = 'grey';
        }
        trs[i].onmouseout = function(){
            this.style.backgroundColor = 'white';
        }       
}

请问函数中的this为什么不能换成trs[i]

Answer 1

如果函数中的this换成trs[i]，对应的绑定事件触发时，i已经变成trs.length了，这样就不是对应的元素了。