如何只刪除表格的最後一行？

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