使用deleteRow按ID刪除行

Question

無論如何，我目前正在做添加/刪除行的中繼器類型。 瀏覽文檔時，它似乎只能根據行號手動刪除。

不要以為這是在LaravelBlade foreach循環下調用的，所以我在單擊時添加了各自的ID

var approverCount = 0;

function add(id)
{
    var table = document.getElementById("table" + id);

    var row = table.insertRow();
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);       

    cell1.innerHTML = "Hi";
    cell2.innerHTML = "Hello";
    testCount++;
    row.id = 'teste_' + id + '_' + testCount;
}

function remove(tableId, rowId)
{
    var table = document.getElementById(tableId);
    var row = document.getElementById(rowId);
    table.deleteRow(row); 
    // stopped here due to constraints from problem
}

Answer 1

如果您的目標是通過其id刪除表行，則可以純粹從該id刪除表行，並且使用remove （略微現代）或parentNode和removeChild （普遍支持）非常簡單：

// On a modern browser
document.getElementById(theRowID).remove();

要么

// On slightly less modern browsers
var row = document.getElementById(theRowID);
row.parentNode.removeChild(row);

如果出於某種原因您確實要使用表的deleteRow ，則可以使用該行的rowIndex ：

table.deleteRow(row.rowIndex);

Answer 2

您必須使用行號而不是id屬性：

table.deleteRow(0);