JavaScript循环后什么也没发生

Question

我在Javascript中有一个for循环，可以完美执行，但是在for循环的结束}执行完之后没有任何内容，例如alert("before"); 或addListener()函数！

function deleteRow(rowNum){
    var tablelinks = document.getElementById("table1").rows.length;
    //deletes that row number called
    document.getElementById("table1").deleteRow(rowNum);
    //reorders the row numbers in the delete links to reflect their new position
    for(var i = 0; i < tablelinks; i++) {   
        document.getElementById("table1").rows[i].cells[8].innerHTML = '<a href="#" onclick="deleteRow(' + i + ')">Del</a>';
    }

    //these things below do not work
    alert("before");    
    addListener()
    alert("after");             
    sumrows()
}

Answer 1

因为您在删除目标行之前正在读取行长

function deleteRow(rowNum) {
    document.getElementById("table1").deleteRow(rowNum); //deletes that row number called
    var tablelinks = document.getElementById("table1").rows.length;
    for (var i = 0; i < tablelinks; i++) { //reorders the row numbers in the delete links to reflect their new position
        document.getElementById("table1").rows[i].cells[8].innerHTML = '<a href="#" onclick="deleteRow(' + i + ')">Del</a>';
    }
    alert("before");
    addListener()
    alert("after");
    sumrows()
}

演示： 小提琴

假设您有5行，并且要删除第3行，那么表tablelinks将变为5，但是在下一行中，您将删除第3行，现在只有4行。 现在，当i在循环中成为4时， document.getElementById("table1").rows[i]语句将返回undefined，因为rows只有4个元素而不是5个。

---

您可以通过将链接引用而不是行号传递给delete方法来进一步简化它，例如

<td><a href="#" onclick="deleteRow(this)">Del</a></td>

然后

function deleteRow(link) {
    document.getElementById("table1").deleteRow(link.parentNode.parentNode.rowIndex); //deletes that row number called
    alert("before");
    addListener()
    alert("after");
    sumrows()
}

演示： 小提琴