关于改变颜色作用域的问题

      window.onload = function(){

         changeColor()  ; 

         var trNode = document.getElementsByTagName('tr');

     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

     function changeColor(){

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

      trNode[i].onmouseover = function(){

      this.style.backgroundColor = ' #f2f2f2';//为什么用this而trNode[i]不行

      }

      trNode[i].onmouseout = function(){

      this.style.backgroundColor = '#fff';

      }

      }

     }

} 

this.style.backgroundColor = ' #f2f2f2'; 

this.style.backgroundColor = '#fff';

这两句为什么用this而trNode[i]不行