为什么新添加的行没有鼠标经过事件

    window.onload=function(){

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

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

colorchange(tr[i]);

}

function colorchange(obj){

 obj.onmouseover=function(){

 obj.style.backgroundColor="#f2f2f2";

 }

 obj.onmouseout=function(){

 obj.style.backgroundColor="#fff";

  }  

}

}

      // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；

     function add(){

         var objnode = document.getElementById("table");

         var newnode= document.createElement("tr");

         var newnode1=document.createElement("td");

         newnode1.innerHTML="xh003";

         var newnode2=document.createElement("td");

         newnode2.innerHTML="李晓红";

         var newnode3=document.createElement("td");

         newnode3.innerHTML="<a href='javascript:;' onclick='del(this)' >删除</a>";

objnode.appendChild(newnode);

newnode.appendChild(newnode1);

newnode.appendChild(newnode2);

         newnode.appendChild(newnode3);

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

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

            {

colorchange(tr[i]);

}

     }