按类删除元素 - JavaScript

在 JavaScript 中，我们经常需要删除一类元素，比如页面中所有 div 标签。可以使用以下方法实现。

方法一：使用 querySelectorAll() 和 forEach()

可以使用 querySelectorAll() 方法选中所有需要删除的元素，然后使用 forEach() 循环遍历并删除它们。

document.querySelectorAll('.className').forEach(function(node) {
    node.parentNode.removeChild(node);
});

其中 className 是需要删除元素的类名。

方法二：使用 getElementsByClassName() 和循环

另一种方法是使用 getElementsByClassName() 方法选中所有需要删除的元素，然后使用循环遍历并删除它们。

var elems = document.getElementsByClassName('className');
for(var i = elems.length - 1; i >= 0; i--) {
    elems[i].parentNode.removeChild(elems[i]);
}

方法三：使用 jQuery

如果我们在项目中使用 jQuery，那么删除元素就变得非常简单了。可以使用 remove() 方法来删除一类元素。

$('.className').remove();

其中 className 是需要删除元素的类名。

以上就是 JavaScript 中按类删除元素的三种方法。无论你使用哪一种方法，都可以轻松地删除页面中的一类元素。