JS方法实现table中Row的添加删除

<script language="javascript">
  
    function addRow(){
     var dataBox = document.getElementById("skinRow");
   
     var oTr = dataBox.insertRow(dataBox.rows.length);
   
     var oTd = oTr.insertCell();
     oTd.innerHTML = '<input type="checkbox" name="select">';
   
     oTd = oTr.insertCell();
     oTd.innerHTML = '皮肤名';
     oTd.width = "12%";
   
     oTd = oTr.insertCell();
     oTd.innerHTML = '<input type="text" readonly size=15>';
     oTd.width = "30%";
   
     oTd = oTr.insertCell();
     oTd.innerHTML = '皮肤别名';
   
     oTd = oTr.insertCell();
     oTd.innerHTML = '<input type="text" size=15>';
    }
  
   function deleteRow(){
    var dataBox = document.getElementById("skinRow");
    var len = dataBox.rows.length;
    var num = 0;
  
    for(var i=len-1;i>=0;i--){
     if(dataBox.rows[i].cells[0].children[0].checked){
      if(i==0){
       alert("添加项至少保留一项");
       return;
      }
      num = 1;
      dataBox.rows[i].removeNode(true);
     }
    }
  
    if(num==0){
     alert("请选中所要删除的项");
    }
  
   }
  
   </script>

你可能感兴趣的:(table)