javascript - 如何使用 Javascript 删除某一行时更新表

Question

我想在表中删除行时更新索引。例如我删除第 1 行，然后第 2 行和第 3 行应变为第 1 行和第 2 行，依此类推。

function deleteRow(tableID) {
            try {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;

            for(var i=0; i<rowCount; i++) {
                var row = table.rows[i];
                var chkbox = row.cells[0].childNodes[0];
                if(null != chkbox && true == chkbox.checked) {
                    table.deleteRow(i);
                    rowCount--;
                    i--;
                }


            }
            }catch(e) {
                alert(e);
            }
        }

Answer 1

好吧，你不需要做任何事情!当从 dom 中删除一行时，行索引会自动更改。

如果您想仔细检查，可以挂接一个突变事件 DOMNodeRemoved 并查看发生了什么，或者在删除后保留一个断点并验证行数和索引。