innerHtml-so (v5)

Revision 5 of this benchmark created by Kyle A. Matheny on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
 var i, divs, len, elems;
 
 
 
 for (var i = 0; i < 1000; i++) {
  var div = document.createElement("div");
  div.innerHTML = '<div class="testDiv">hello</div>';
 }
 
 for (var i = 0; i < 1000; i++) {
  var div = document.createElement("div");
  div.innerHTML = '<div class="testDiv0">hello</div>';
 }
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
[half] native
divs = $(".testDiv"), i = 0, len = divs.length;
for (; i < len; i++) {
 divs[i].innerHTML = "default";
}
ready
jquery
$(".testDiv").html("default");
ready
jquery with empty divs
$(".testDiv0").html("default");
ready
No jQuery
elems = document.getElementsByClassName('testDiv');
i = elems.length;

while (i--) {
 elems[i].firstChild.nodeValue = "default";
}
ready

Revisions

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