Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
querySelector v getElementById
(version: 1)
Comparing performance of:
querySelector vs getElementById
Created:
one month ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div id="example"> <p id="para">Text</p> </div>
Script Preparation code:
/*your preparation JavaScript code goes here To execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/ async function globalMeasureThatScriptPrepareFunction() { // This function is optional, feel free to remove it. // await someThing(); }
Tests:
querySelector
document.querySelector("#para");
getElementById
document.getElementById("para");
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
querySelector
getElementById
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
21 days ago
)
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.4 Safari/605.1.15
Browser/OS:
Safari 26 on Mac OS X 10.15.7
View result in a separate tab
Embed
Embed Benchmark Result
Test name
Executions per second
querySelector
3533894.2 Ops/sec
getElementById
12695655.0 Ops/sec
Related benchmarks:
closest comparision
closest comparision 2
id vs attribute
testingqueries
querySelector vs querySelectorAll vs getElementsByClassName when trying to select by group of similar ID elements
Query Element
createElement vs DOMParser
querySelector vs getElementById
querySelectorAll vs getElementsByTagName for all nodes
Comments
Confirm delete:
Do you really want to delete benchmark?