为什么这两段代码不一样？求解

 //第一种

     window.onload = function(){

      var td=document.getElementsByTagName("td");

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

            td[i].onmouseover=function(){

            td[i].style.backgroundColor="#f2f2f2";

            }

            td[i].onmouseout=function(){

            td[i].style.backgroundColor="#fff";}

            }

}

//第二种

   window.onload = function(){

        var td=document.getElementsByTagName("td")

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

        bgchange(td[i]);

        }

       }

function bgchange(obj){

        obj.onmouseover=function(){

        obj.style.backgroundColor="#f2f2f2";}

        obj.onmouseout=function(){

        obj.style.backgroundColor="#fff";

        }

   }