Run results for: Id vs qs vs qsa

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:100.0) Gecko/20100101 Firefox/100.0

Browser: Firefox 100

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

HTML Preparation code:

<div id="foo" class = 'bar'></div>

Tests:

id
var element = document.getElementById("foo"); var i = 1000; while (i--) { element.className = "bar"; }
qs
var element = document.querySelector("#foo"); var i = 1000; while (i--) { element.className = "bar"; }
qsa
var element = document.querySelectorAll(".bar"); var i = 1000; while (i--) { for(let i of element) {i.className = "foo";} }