如何通过JavaScript动态添加和删除表中的行

Question

我已经编写了一些代码，但我需要将新行插入最后一行而不是顶部。

function insertRow(){
   var x=document.getElementById('myTable').insertRow(0);
   var y=x.insertCell(0);
   var z=x.insertCell(1);
   var d=x.insertCell(2);
   y.innerHTML="NEW CELL1";
   z.innerHTML="NEW CELL2";
   d.innerHTML='<input type="button" value="Delete" onclick="deleteRow(this)">';
}

function deleteRow(r){
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Demo at jsFiddle

Answer 1

使用document.getElementById('myTable').insertRow(-1);

-1添加到最后位置