从父div中删除所有div

Question

嘿，如何在JavaScript中删除父div中的所有div？

我找不到非jquery示例。它们都有不同的类/ ID，所以我想知道是否有一种简单的方法可以做到这一点？例如：

<div id="parent">
   <div class="something"      id="one">Remove me</div>
   <div class="something_two"  id="two">Remove me</div>
   <div class="something_three"id="three">Remove me</div>
   <div class="something_four" id="four">Remove me</div>
</div>

有没有一种简单的方法可以做到这一点 - 我当前的方法是innerHTML = "";，但是想知道这是否最适合删除文本而不是元素？

Answer 1

使用innerHTML 将删除实际元素there are some cross browser quirks（主要是IE，具有讽刺意味的是，最初是innerHTML发明的元素。）

这是一种更标准的方法：

var el = document.getElementById('parent');

while ( el.firstChild ) el.removeChild( el.firstChild );

Answer 2

最快的方法似乎是：

document.getElementById('parent').textContent = '';