Run results for: querySelector vs getElementsByClassName with multiple elements

Run details:

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

Browser: Chrome 141

Operating system: Windows

Device Platform: Desktop

Date tested: 9 months ago

getElementsByClassName

17.4M/s

querySelector

13.8M/s

View exact numbers

Test name	Executions per second
✓ getElementsByClassName	17,350,142 Ops/sec
querySelector	13,784,109 Ops/sec

HTML Preparation code:

<div class="test"></div>
<div class="test2"></div>
<div class="test3"></div>
<div class="test4"></div>
<div class="test5"></div>
<div class="test6"></div>
<div class="test7"></div>

Tests:

querySelector
document.querySelector(".test")
getElementsByClassName
document.getElementsByClassName(".test")