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

使用deleteRow按ID删除行

2 个答案: