MeasureThat.net

Run results for: Multiple getElementById vs querySelector

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
Chrome 114
Windows
Desktop
one year ago
Test name Executions per second
getElementById 1645489.4 Ops/sec
querySelector 1238645.9 Ops/sec
HTML Preparation code:
AخA
 
1
<div id="testElement-1"></div><div id="testElement-2"></div><div id="testElement-3"></div>
Tests:

  • getElementById

     
    var el = document.getElementById('testElement-1');
    var el = document.getElementById('testElement-2');
    var el = document.getElementById('testElement-3');
    var className = el.className;

  • querySelector

     
    var el = document.querySelectorAll('[id^=testElement]');
    var className = el.className;