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

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