テーブルの行onClick EventsとPreviousllyを削除しました。

Question

新しい行を追加し、以前追加した行をonclickイベントで削除します。

私はそれにコードを書いていますが、このコードは前のものを削除しない行だけを挿入します。

JS

function addRow(tableID) { 
    console.log('hi') 
    var table = document.getElementById(tableID); 

    var rowCount = table.rows.length; 
    var row = table.insertRow(rowCount); 

    var cell2 = row.insertCell(1); 
    cell2.innerHTML = rowCount + 1; 

    var cell3 = row.insertCell(2); 
    var element2 = document.createElement("input"); 
    element2.type = "text"; 
    element2.name = "txtbox[]"; 
    cell3.appendChild(element2); 


} 

HTML

<input type="button" value="Add Row" onclick="addRow('dataTable')" /> 
<table id="dataTable" border="1"> 
    <tr> 

    </tr> 
</table> 

Answer 1

使用deleteRow() ...とあなたはそれを行うことができるかもしれません。

function addRow(tableID) { 
    console.log('hi') 
    var table = document.getElementById(tableID); 

    var rowCount = table.rows.length; 
    if(rowCount) { 
     table.deleteRow(-1); 
    } 

    ... 

}