1回答

• 

  上头

  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);
                }
             }
         
         }

  
  

  4 0

  上头 回复web小菜

  啊？ 怪我咯 互相学习。

  2016-10-21 17:35:45

  共 4 条回复 >