javascript - 如何用javascript删除dom元素？

Question

这个问题已经有答案了:

Removing HTMLCollection elements from the DOM (5 个回答)

已关闭 9 年前。

我有一个链接，我想使用 JavaScript 删除它

这是我到目前为止所拥有的

<a href="">test</a>

var a = document.getElementsByTagName('a');
for (var i = 0; i < a.length; ++i) {
    if (a[i].innerText === 'test') {
        a.remove();
    }
}

这会失败。

Answer 1

不要这样做。 document.getElementsByTagName('a')返回实时集合，因此按相反顺序循环。所以尝试一下

var aColl = document.getElementsByTagName('a');
for (var i = aColl.length-1; i >= 0; i--) { //loop from reverese order, so that removed item doesn't affect 
    var thisNode = aColl[i];
    if (thisNode.innerHTML === 'test') {
        thisNode.parentNode.removeChild(thisNode );
    }
}

<强> Fiddle

如果你这样做for (var i = 0, len = a.length; i < len; i++) {那么你最终只删除了其中的一半，因为每次删除都会更新 a 中的 NodeCollection，并且你最终将丢失较高索引处的元素，并且检查将失败。