Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
id vs testid
(version: 1)
Comparing performance of:
querySelector vs getElementById
Created:
2 months ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div id="testdiv"> <div id="unique" class="unique" name="unique" data-testid="unique">test</div> </div>
Script Preparation code:
var i, imax; var doc = document;
Tests:
querySelector
var test = doc.querySelector("div[data-testid='unique']").innerHTML;
getElementById
var test = doc.getElementById('unique').innerHTML;
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:
2 months ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0
Browser/OS:
Firefox 147 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
Test name
Executions per second
querySelector
5607246.0 Ops/sec
getElementById
1687666944.0 Ops/sec
Related benchmarks:
getElementById vs querySelector vs getElementsByClassName vs getElementsByName
getElementById, getElementsByClassName vs querySelector
getElementById vs querySelector vs getElementsByClassName....
getElementById vs querySelectorAll vs getElementsByClassName vs getElementsByName
getElementById vs getElementsByName
getElementById vs querySelector vs getElementsByClassName vs getElementsByName no double id
querySelector specfic
getElementById vs querySelector vs getElementsByClassName vs getElementsByName 2
getElementById vs getElementsByClassName V2
Comments
Confirm delete:
Do you really want to delete benchmark?