Info

Comparison of different methods of looping through nodelists

Preparation code

<div></div>
<script>
  var nodes = document.getElementsByTagName("DIV");
  var x;
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

[].forEach.call(nodes, function(item) {
 x = item;
});

var nodesLength = nodes.length;
for (var i = 0; i < nodesLength; i++) {
 x = nodes[i];
}

var i = 0;
var nodesLength = nodes.length;

while (i < nodesLength) {
 x = nodes[i];
 i++;
}

var nodesLength = nodes.length;
while (nodesLength--) {
 x = nodes[nodesLength];
}

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Craig on 13th April 2011
• Revision 2: published on 20th June 2011
• Revision 3: published by Nick on 1st February 2012
• Revision 4: published by Nick on 1st February 2012
• Revision 5: published by DanMan on 10th February 2012
• Revision 6: published on 2nd May 2012
• Revision 7: published by Hmm on 3rd July 2012
• Revision 8: published by Serator on 18th August 2012
• Revision 9: published on 2nd October 2012
• Revision 10: published on 24th January 2013
• Revision 11: published by elleestcrimi on 25th January 2013

0 comments