title: Remove all divs from in a parent div
body: <p>Hey how do I remove all divs from a parent div in JavaScript?</p>
  
  <p>I can't find non jquery examples. They all have different classes/Ids so I'm wondering if there is a simple way to do it ? For example:</p>
  
  <pre><code>&lt;div id="parent"&gt;
     &lt;div class="something"      id="one"&gt;Remove me&lt;/div&gt;
     &lt;div class="something_two"  id="two"&gt;Remove me&lt;/div&gt;
     &lt;div class="something_three"id="three"&gt;Remove me&lt;/div&gt;
     &lt;div class="something_four" id="four"&gt;Remove me&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a simple way to do this - my current method is to do <code>innerHTML = "";</code> but wondered if thats only best for removing text and not elements?</p>