Run results for: Id vs qs vs qsa

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.104 Safari/537.36

Browser: Chrome 88

Operating system: Windows

Device Platform: Desktop

Date tested: 3 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";} }