getElementById vs querySelector
Date tested:
4 years ago
User agent:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.75 Safari/537.36
Test name
Executions per second
getElementById
2209724.0 Ops/sec
querySelector
1197309.0 Ops/sec
Benchmark definition (click to collapse):
HTML Preparation code:
<div id="testElement"></div>
Tests:
getElementById
var el = document.getElementById('testElement'); var className = el.className;
querySelector
var el = document.querySelector('#testElement'); var className = el.className;
Open this result on MeasureThat.net