queryselector vs getelementsbyclassname

Benchmark created on

Preparation HTML

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
byclassname
var i, elem, e=document.getElementsByClassName("test"), l=e.length;
for (i=0; i<l, i++) {
 elem = e[i];
}
ready
queryselectorall
var i, elem, e=document.querySelectorAll(".test"), l=e.length;
for (i=0; i<l, i++) {
 elem = e[i];
}
ready

Revisions

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