鼠标移到不同行时背景色改变？

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

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

           trs[i].onmouseover=function(){this.style.backgroundColor="#f2f2f2";};

           trs[i].onmouseout=function(){this.style.backgroundColor="#fff";};

       }     

上面的正常的代码，问：

1 如果将this.style....改为trs[i].style...为什么就没有效果了？

2  如果改成trs[i].setAttribute("onmouseover","changeColor()"); 

function changeColor(){

   this.style.backgroundColor="#f2f2f2";

}    也没有效果，为什么？