Run results for: querySelector vs querySelectorAll vs getElementsByClassName vs querySelector (ID) vs getElementsByID

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:147.0) Gecko/20100101 Firefox/147.0
Firefox 147
Mac OS X 10.15
Desktop
6 months ago
getElementsByID
15.9M/s
getElementsByClassName
15.8M/s
querySelector
7.8M/s
querySelector (ID)
7.6M/s
querySelectorAll
4.6M/s
View exact numbers
Test name Executions per second
✓ getElementsByID 15,923,015 Ops/sec
getElementsByClassName 15,782,713 Ops/sec
querySelector 7,791,961 Ops/sec
querySelector (ID) 7,649,367 Ops/sec
querySelectorAll 4,569,724 Ops/sec
HTML Preparation code:
Tests: