Skip to content

Instantly share code, notes, and snippets.

@danbeam
Created April 26, 2012 01:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save danbeam/2494970 to your computer and use it in GitHub Desktop.
Save danbeam/2494970 to your computer and use it in GitHub Desktop.
var n = 100000;
console.time('innerHTML');
var e = document.createElement('div');
e.innerHTML = Array(n+1).join('<span></span>');
console.log(document.body.appendChild(e).children.length + ' inserted!');
console.timeEnd('innerHTML');
console.time('DOM');
var d = document.createElement('div');
for (var i = 0; i < n; ++i)
d.appendChild(document.createElement('span'));
console.log(document.body.appendChild(d).children.length + ' inserted!');
console.timeEnd('DOM');
100000 inserted!
innerHTML: 156ms
100000 inserted!
DOM: 354ms
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment