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[]">

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[]">