javascript - 从父 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 将删除实际元素，有一些跨浏览器的怪癖（主要是 IE，具有讽刺意味的是，它是最初发明的innerHTML）。

这是一种更标准的方法：

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

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

Answer 2

最快的方法似乎是：

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