只能改变原有的tr行的颜色，新加的行颜色不变，请问大家这是什么原因？

      window.onload = function(){                 

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

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

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

          mychange(mycol[i]);

       }  

}

     function mychange(tr){

      tr.onmouseenter=function(){

        tr.style.backgroundColor="#f2f2f2";

      };

      tr.onmouseout=function(){

        tr.style.backgroundColor="#fff";

      };

     }