title: What is the fastest way to remove child elements from the DOM in IE?
body: <p>I am using jQuery, and have a table element that contains a few hundred rows. I want to remove all of the rows, and then add a new set of rows. I do this by calling remove and then append on the parent element.</p>
  
  <p>My append logic is fairly fast, and follows the advice given here: <a href="http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly" rel="noreferrer">http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly</a></p>
  
  <p>However, the single call to remove takes 5 times as long as the append. What is the fastest way to clear the children of a dom element?</p>
  
  <p>EDIT: Here is a condensed version of the code I use:</p>
  
  <pre><code>var table = $('#mytable');
  $('tbody', table).remove();
  table.append(tBodyContents.join(''));
  </code></pre>
  
  <p>tBodyContents is an array of strings, that when combined will form a the html for the rows in the tbody.</p>