querySelectorAll2

Benchmark created by vic on

Preparation HTML

<div class="a">
        <div class="a">
                <div class="b" id="MyDiv"></div>
                <div class="c"></div>
                <div class="c"></div>
                <div class="c"></div>
                <div class="a"></div>
        </div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
getElementById
var a = document.getElementById('MyDiv');
ready
getElementsByClassName
var els = document.getElementsByClassName('.b');
ready
querySelectorAll ID
var els = document.querySelectorAll("#MyDiv");
ready
querySelectorAll class
var els = document.querySelectorAll(".b");
ready
querySelector ID
var els = document.querySelector("#MyDiv");
ready
querySelector class
var els = document.querySelector(".b");
ready

Revisions

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