innerHTML vs removeChild

Benchmark created by Mourner on

Preparation HTML

<div id="container"></div>

Setup

var el = document.getElementById('container');
    for (var i = 0; i < 100; i++) {
      var child = document.createElement('div');
      child.innerHTML = i;
      el.appendChild(child);
    }

Test runner

Ready to run.

Testing in
TestOps/sec
removeChild
while (el.firstChild) el.removeChild(el.firstChild);
ready
innerHTML
el.innerHTML = '';
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.