下面两种实现选中变色的方式，为什么只有第一种有效果，而第二种方法没有任何效果，求解答

window.onload = function(){
                  
     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
            var trs = document.getElementsByTagName("tr");
            for(var i=1;i<trs.length;i++)
            {
                changeColor(trs[i]);
            }
       }
            
		function changeColor(obj){
    	    obj.onmouseover = function(){
                obj.style.backgroundColor=" #f2f2f2";
            }
            obj.onmouseout = function(){
                obj.style.backgroundColor=" #fff";
            }
		}

window.onload = function(){
          var trs=document.getElementsByTagName("tr");
          for(var i= 0;i<trs.length;i++)
          {
              trs[i].onmouseover=function(){
              trs[i].style.backgroundColor="#f2f2f2";
              }
              trs[i].onmouseout=function(){
              trs[i]style.backgroundColor="#fff";
              }
          }
        }