为什么我新加入的行鼠标移上去没有变色的效果？

如题

   window.onload = function(){               

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

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

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

           ccolor(tr[i]); 

        }

     }

     function ccolor(obj){

         obj.onmouseover=function(){

         obj.style.backgroundColor="#ccc";

             obj.style.color="green";

         }

         obj.onmouseout=function(){

             obj.style.backgroundColor="#fff";

             obj.style.color="black";

         }

     }