移动鼠标改变背景颜色，以下代码存在什么问题？

window.onload = function(){

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

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

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

          {

          tr[i].onmouseover=function(){

            tr[i].style.backgroundColor="#f2f2f2";}

          tr[i].onmouseout=function(){

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

          }

      }