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:
5 months ago
by:
Guest
Go 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:
5 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
getElementById
1687.7M/s
querySelector
5.6M/s
View exact numbers
Test name
Executions per second
✓
getElementById
1,687,666,944 Ops/sec
querySelector
5,607,246 Ops/sec
Related benchmarks
getElementById vs querySelector vs getElementsByClassName vs getElementsByName
getElementById vs querySelector vs getElementsByClassName....
getElementById vs getElementsByName
Comments
Confirm delete:
Do you really want to delete benchmark?