Javascript 按类名删除元素

Question

我们如何删除具有相同类名的所有 div。

  <input class="form-control" type="text" name="option[]"><input class="form-control" type="text" name="option[]"><input class="form-control" type="text" name="option[]">

原文由 Bilal Siddiq 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试使用 querySelectorAll() 和 NodeList#forEach 用于迭代元素

document.querySelectorAll('.classname').forEach(function(a){
a.remove()
})

示例片段

 document.querySelectorAll('.form-control').forEach(function(a) {
  a.remove()
})

 <input class="form-control" type="text" name="option[]">
<input class="form-control" type="text" name="option[]">
<input class="form" type="text" name="option[]" value="not same class">
<input class="form-control" type="text" name="option[]">

原文由 prasanth 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我的方法可能是这样

var elements = document.querySelectorAll('.test');
for (var element of elements) {
   element.remove();
   // or
   // element.parentNode.removeChild(element);
}

希望能帮助到你。

原文由 Fered 发布，翻译遵循 CC BY-SA 3.0 许可协议