Javascript 从父div中删除所有div

嘿，在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=“”

但想知道这是否只适合删除文本而不适合删除元素？

使用

innerHTML

将删除实际的元素（讽刺的是，这就是最初发明的

innerHTML

）

这里有一种更标准的方法：

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

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

---

最快的方法似乎是：

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

---

innerHTML

适用于一切，

innerText

适用于文本（不确定它在哪里工作）

innerHTML

比标准DOM方法快得多，我的意思是性能。我被告知有一种更适合

innerHTML

的方法，但我不知道为什么。看到这个：：是的，因为

innerHTML

不是标准，但速度更快，所以实际上更可取。不管怎样，最好使用一些库来处理DOM操作。使用高级API并确保它在许多浏览器中都能工作，这样做更简单。