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

    ...

}

更新表行onClick事件和删除Previouslly添加

1 个答案: