用javascript从DOM中删除元素

Question

我从菜单中获取所有

元素，以便删除我不想要的

let prodMenu = document.getElementsByClassName("productMenu-category");
for (let i = 0; i < prodMenu.length; i++) {
if(i > 0 && prodMenu[i].innerHTML == prodMenu[i-1].innerHTML){prodMenu[i].style.display = "none";}
}

这就是我现在拥有的，但我不想隐藏它们，我想删除它们。我猜我得到的是有一种东西叫做"收藏"。它没有任何我找到的用来移除它的元素的功能。我无法执行"delete prodMenu[I]"或"prodMenu.delete()";也不是"prodMenu.splice()";因为它们不是来自"集合"的函数

Answer 1

Collection只是一个集合，它包含使用您给出的选择器找到的实际DOM节点。更重要的是，这个集合实际上是HTMLCollection，它是实时的，当底层文档被更改时，它会自动更新(这里要小心)。你不需要直接修改它，你只需要调用这个集合中元素的一个特定的remove方法。

let prodMenu = document.getElementsByClassName("productMenu-category");
for (let i = 0; i < prodMenu.length; i++) {
if (i > 0 && prodMenu[i].innerHTML == prodMenu[i - 1].innerHTML) {
prodMenu[i].remove();
}
}