javascript - 在多个元素上使用 remove()

Question

如果页面上有多个 warningmessage 元素，document.getElementsByClassName('warningmessage').remove(); 将不起作用。

我怎样才能删除该类的所有元素？我必须为每个使用吗？没有 deleteall() 的命令吗？

感谢您的提示!

Answer 1

使用纯 JavaScript，您可以执行此操作:

var nodes = document.getElementsByClassName('warningmessage');
for(var i = 0; i < nodes.length; i++){
  nodes[i].parentNode.removeChild(nodes[i]);
}

所以你首先会得到你感兴趣的节点，然后迭代它们并将它们从它们的父节点中删除。

遗憾的是 NodeList 上没有 forEach 方法。但是，您可以这样做:

var nodes = document.getElementsByClassName('warningmessage');
[].forEach.call(nodes, function (node) {
  node.parentNode.removeChild(node);
});