Info

From http://elv1s.ru/files/html+css/removeChildren.html

With an additional test for teh lulz

Preparation code

<script>
  var element = document.createElement('div');
  
  function prepareTest() {
   var i = 200,
       p, j, span;
   while (i--) {
    p = document.createElement('p');
    j = 5;
    while (j--) {
     span = document.createElement('span');
     span.appendChild(document.createTextNode(i * j + 'yada-yada'));
     p.appendChild(span);
    };
    element.appendChild(p);
   };
   document.body.appendChild(element);
  };
</script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

prepareTest();

element.innerHTML = '';

prepareTest();

element.textContent = '';

prepareTest();

var child;
while (child = element.firstChild) {
 element.removeChild(child);
};

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Nikita Vasilyev on 8th August 2010 and last updated on 10th August 2010
• Revision 2: published by Thomas Aylott on 8th August 2010 and last updated on 4th September 2010
• Revision 3: published by Mathias Bynens on 9th August 2010
• Revision 7: published on 8th September 2011
• Revision 8: published by Francis Avila on 27th December 2012

0 comments