如何只删除表格的最后一行？

Question

我有这个JS代码来添加和删除表格行时，用户单击按钮。添加行就像做梦一样。我的问题是用户单击删除按钮，除第一行以外的所有内容都将被删除。我只希望删除最后一行，如果它们添加到很多行。

编辑 我已经tryed这

function deleteRow(tableID) { 
var table = document.getElementById(tableID); 
if(table.rows.length <= 1) {    // limit the user from removing all the fields 
    alert("Cannot Remove all the fields."); 
    break; 
} 
table.deleteRow(table.rows.length -1); 
} 

但是，当我把环出添加按钮不再工作...

<script> 

function addRow(tableID) { 
var table = document.getElementById(tableID); 
var rowCount = table.rows.length; 
if(rowCount < 50){       // limit the user from creating fields more than your limits 
    var row = table.insertRow(rowCount); 
    var colCount = table.rows[0].cells.length; 
    for(var i=0; i <colCount; i++) { 
     var newcell = row.insertCell(i); 
     newcell.innerHTML = table.rows[0].cells[i].innerHTML; 
    } 
}else{ 
    alert("Maximum Unit limit is 5"); 

} 
} 


function deleteRow(tableID) { 
var table = document.getElementById(tableID); 
var rowCount = table.rows.length; 
for(var i=0; i<rowCount; i++) { 
    var row = table.rows[i]; 
     if(rowCount <= 1) {    // limit the user from removing all the fields 
      alert("Cannot Remove all the fields."); 
      break; 
     } 
     table.deleteRow(i); 
     rowCount--; 
     i--; 
    } 
} 

</script> 

Answer 1

你不需要一个循环，这代码将起作用：

function deleteRow(tableID) { 
    var table = document.getElementById(tableID); 
    if(table.rows.length <= 1) {    // limit the user from removing all the fields 
     alert("Cannot Remove all the fields."); 
     break; 
    } 
    table.deleteRow(table.rows.length -1); 
} 

Answer 2

要删除你可以使用这个表格的最后一行。

function deleteRow(tableID) { 
    var table = document.getElementById(tableID); 
    var rowCount = table.rows.length; 
    table.deleteRow(rowCount -1); 
}