Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Selector performance 2
(version: 0)
Comparing performance of:
id - getElementById vs id - querySelector vs class - getElementsByClassName vs class - querySelectorAll vs tag - getElementsByTagName vs tag - querySelectorAll
Created:
6 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div id='h'>Hello</div> <div class='w'>World</div> <div class='w'>!</div>
Tests:
id - getElementById
document.getElementById('h');
id - querySelector
document.querySelector('#h');
class - getElementsByClassName
document.getElementsByClassName('w');
class - querySelectorAll
document.querySelectorAll('.w');
tag - getElementsByTagName
document.getElementsByTagName('div');
tag - querySelectorAll
document.querySelectorAll('div');
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (6)
Previous results
Fork
Test case name
Result
id - getElementById
id - querySelector
class - getElementsByClassName
class - querySelectorAll
tag - getElementsByTagName
tag - querySelectorAll
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Related benchmarks:
jQuery class selector
Jquery fastest selector
JQuery: find vs selector vs scoped selector - More Html
JQuery: find vs selector vs scoped selector - Class
CSS selector best performance
Comments
Confirm delete:
Do you really want to delete benchmark?