个回答

• 上头

  2016-10-21 17:06:41

  兄弟，这是我的代码，你可以参考一下，亲测，全兼容！

   window.onload = function(){
                   var tab = document.getElementById("table");
                   var tr = document.getElementsByTagName("tr");
                   var tbody = document.getElementsByTagName("tbody")[0];
          // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
            for(var i = 0; i < tr.length; i ++){
                tr[i].onmouseover = function(){
                  this.style.backgroundColor = "#f2f2f2";
                }
                tr[i].onmouseout= function(){
                  this.style.backgroundColor = "#fff";
                }
            }
           
           // 添加行
            function createTr(){
              var tr = document.createElement("tr");
              for(var i = 0; i < 3; i ++){
                 var td = document.createElement("td");
                 tr.appendChild(td);
              }
              tbody.appendChild(tr);
           }
  
           document.getElementById("add").onclick = createTr;
  
  
           // 删除当前行
             var a = document.getElementsByTagName("a");
             for(var k = 0; k < a.length; k ++){
                a[k].onclick = function(){
                   tbody.removeChild(this.parentNode.parentNode);
                }
             }
         
         }

  
  

  0