DOM vs innerHTML create N elements

Benchmark created on

Test runner

Ready to run.

Testing in
TestOps/sec
DOM
var div = document.createElement( 'DIV' )
  , node;

for( var i=0; i<1000; i++ ){
    node = document.createElement( 'SPAN' );
    div.appendChild( node );
}
ready
innerHTML
var div = document.createElement( 'DIV' );

div.innerHTML = (new Array( 1001 )).join( '<span></span>' );
ready

Revisions

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