Native Selector API compare (v2)

Revision 2 of this benchmark created on

Description

Compare some often-used native selector API performances.

Preparation HTML

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

Setup

var console = { log: function (x) { } };

Test runner

Ready to run.

Testing in
TestOps/sec
getElementById("test")
console.log(document.getElementById('test'));
ready
querySelector(".test")
console.log(document.querySelector(".test"));
ready
querySelector("#test")
console.log(document.querySelector("#test"));
ready
querySelectorAll("#test")
console.log(document.querySelectorAll("#test"));
ready
querySelectorAll(".test"))
console.log(document.querySelectorAll(".test"));
ready
getElementsByClassName("test")
console.log(document.getElementsByClassName("test"));
ready

Revisions

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