innerHTML vs removeChild (v6)

Revision 6 of this benchmark created on

Description

test the performance of innerHTML & removeChild when cleaning a node.

Preparation HTML

<div id="parent"></div>

Setup

var parent = document.getElementById("parent");
var MAX = 1000;

var html = '';
for(var i = 0; i < MAX; i++){
	html += '<div>' + i + '</div>'
}
parent.innerHTML = html;

Test runner

Ready to run.

Testing in
TestOps/sec
removeChild
var parent = document.getElementById("parent");
while(parent.firstChild) {
	parent.removeChild(parent.firstChild)
}
ready
innerHTML
var parent = document.getElementById("parent");
parent.innerHTML = '';
ready

Revisions

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