javascript - removeChild 每隔一段时间才工作

Question

我尝试下一秒放置一个元素，然后删除第二个元素，但它不起作用。看例子:http://jsfiddle.net/CZCGG/

Answer 1

getElementsByTagName 的结果是一个事件节点列表。当您操作元素时，您拥有的伪数组将实时更新。

特别是每次循环时，您的 i 值都跳得太远了，因为您刚刚删除的元素之后现在具有原始元素的索引。 p>

要解决这个问题，您应该从数组的末尾向后工作。这确保每个元素在循环进行时保留其原始索引。

您还应该使用 Node.replaceChild 而不是 insertBefore、removeChild 序列

参见 http://jsfiddle.net/alnitak/pfnGX/

var  span = document.getElementsByTagName("span");

for (var i = span.length - 1; i >= 0; --i) {
    var a = document.createElement("a");
    a.href = "http://jsfiddle.net/";
    a.innerHTML = "http://jsfiddle.net/ " + i; 

    var s = span[i];
    s.parentNode.replaceChild(a, s);
}​