window.onload = function(){

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

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

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

        for(var i = 1;i <= otable.childNodes.length; i++){

            otr[i].onmouseover=function(){this.style.backgroundColor="#f2f2f2";}

            otr[i].onmouseout=function(){this.style.backgroundColor="#fff";}

        }

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

     function myadd(obj){

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

         var addin=document.getElementById("table").lastChild;

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

          otd.innerHTML="<input type='text'/>";

          otr.appendChild(otd);

          otd=document.createElement("td");

          otd.innerHTML="<input type='text'/>";

          otr.appendChild(otd);

          otd=document.createElement("td");

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

          otr.appendChild(otd);

          addin.appendChild(otr);

      }

     // 创建删除函数

     function dele(obj){

        var addin=document.getElementById("table").lastChild;

        var otr=obj.parentNode.parentNode;

        addin.removeChild(otr);

     }