JavaScript：删除所有具有类的孩子

有时候，我们需要从 HTML 元素中删除所有具有特定类的子元素。这个任务可以通过 JavaScript 轻松完成。在本文中，我们将学习如何使用纯 JavaScript 删除所有具有特定类的子元素。

步骤

以下是实现此目标所需的步骤：

1. 首先，我们需要选择要删除子元素的父元素。我们可以使用 querySelector() 方法选择此元素。

   var parent = document.querySelector('#parent-element');
   

2. 然后，我们需要使用 querySelectorAll() 方法选择具有指定类的所有子元素。

   var children = parent.querySelectorAll('.class-to-remove');
   

3. 接下来，我们需要循环遍历所有选定的子元素，并将它们从其父元素中删除。这可以通过 removeChild() 方法完成。

   for(var i = 0; i < children.length; i++){
       parent.removeChild(children[i]);
   }
   

完整的 JavaScript 代码如下所示：

var parent = document.querySelector('#parent-element');
var children = parent.querySelectorAll('.class-to-remove');

for(var i = 0; i < children.length; i++){
    parent.removeChild(children[i]);
}

结论

现在，我们已经学习了如何使用纯 JavaScript 删除所有具有特定类的子元素。这个任务可以通过上面的步骤轻松完成。如果您有任何疑问，请随时在评论中提出。