Dom manipulation

Benchmark created by Łukasz Mleczko on

Preparation HTML

<div id="myList"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
t1
var myListHTML = document.getElementById("myList").innerHTML;

for (var i = 0; i < 100; i++) {
  myListHTML += "<span>" + i + "</span>";
}
ready
t2
var myListHTML = document.getElementById("myList").innerHTML;
var i =100;
do {
  myListHTML += "<span>" + i + "</span>";
}while(i--);
ready
t3
var myListHTML = document.getElementById("myList").innerHTML;
var i =100;
while(i--) {
  myListHTML += "<span>" + i + "</span>";
}
ready

Revisions

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

  • Revision 1: published by Łukasz Mleczko on