如下代码：

为什么这样写没有效果。

    window.onload = function(){

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

        var tr=document.getElementById("table").childNodes;

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

        if(tr[i].nodeType!=3){

        function mouseOver(){

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

        }

        function mouseOut(){

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

        }

        }

        tr[i].onmouseover="mouseOver()";

        tr[i].onmouseout="mouseOut()";

        }

}

//

    var num=2;

  var btn=document.getElementsByTagName("input");

     btn.onclick="add()"

  function  add(){

    num++;

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

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

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

    td_a.innerHTML="xh00"+num;

    td_b.innerHTML="第"+num+"学生";

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

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

    var tab= document.getElementById("table")

    tab.appendChild(newtr)

    newtr.appendChild(td_a)

    newtr.appendChild(td_b)

    newtr.appendChild(td_c)

}