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

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了，这样就不是对应的元素了。