Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
getElementById vs QuerySelector nested element2
(version: 1)
Comparing performance of:
getElementById + firstElementChild vs querySelector
Created:
one year ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div id="testElmt"><div> <p>paragraph</p></div> </div>
Tests:
getElementById + firstElementChild
const par = document.getElementById("testElmt").querySelector("p");
querySelector
const par = document.querySelector("#testElmt p");
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
getElementById + firstElementChild
querySelector
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
one year ago
)
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36
Browser/OS:
Chrome 130 on Mac OS X 10.15.7
View result in a separate tab
Embed
Embed Benchmark Result
Test name
Executions per second
getElementById + firstElementChild
8148761.0 Ops/sec
querySelector
5641804.0 Ops/sec
Related benchmarks:
getElementById vs querySelector
querySelector vs getElementsByClassName get first element
querySelector vs getElementsByClassName vs querySelectorAll
querySelector vs getElementsByClassName (get first element)
queryselector vs getElementByClassName
getElementById vs QuerySelector nested element
getElementById vs querySelectorrthtyj
querySelector vs getElementsByClassName on multiple elements
getElementById vs querySelector, with two elements
Comments
Confirm delete:
Do you really want to delete benchmark?