Run results for: querySelectorAll.forEach() vs [...getElementsByClassName].forEach()

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Browser: Chrome 129

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

querySelectorAll.forEach()

428K/s

[...getElementsByClassName].forEach()

424K/s

View exact numbers

Test name	Executions per second
✓ querySelectorAll.forEach()	427,591 Ops/sec
[...getElementsByClassName].forEach()	424,279 Ops/sec

HTML Preparation code:

<div class="test">
    <div class="saufdzgzg">
        <div class="test"></div>
    </div>
    <div class="dsfdf">
        <div class="test">
            <div class="sd"></div>
        </div>
    </div>
</div>

Tests:

querySelectorAll.forEach()
document.querySelectorAll(".test").forEach((element) => element.classList.add("nottest"));
[...getElementsByClassName].forEach()
[...document.getElementsByClassName("test")].forEach((element) => element.classList.add("nottest"));