Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Selectors
(version: 0)
Comparing various JS selector speeds
Comparing performance of:
querySelector (id) vs getElementById
Created:
9 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"> </script> <div> <ul> <li> <a href="#" name="name" class="classname">item 1</a> </li> <li> <a href="#" name="name" class="classname">item 2</a> </li> <li> <a href="#" name="name" class="classname">item 3</a> </li> <li> <a href="#" name="name" class="classname">item 4</a> </li> <li> <a href="#" name="name" class="classname">item 5</a> </li> <li> <a href="#" name="name" class="classname">item 6</a> </li> <li> <a href="#" name="name" class="classname">item 7</a> </li> <li> <a href="#" name="name" class="classname">item 8</a> </li> <li> <a href="#" name="name" class="classname">item 9</a> </li> <li id="last"> <a href="#" name="name" class="classname">item 10</a> </li> </ul> </div>
Script Preparation code:
var node;
Tests:
querySelector (id)
node = document.querySelector('#last');
getElementById
node = document.getElementById('last');
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
querySelector (id)
getElementById
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:
Get elements by class: jQuery vs querySelectorAll vs getElementsByClassName (jQuery 1.x)
jQuery vs vanilla JS in selector class
Test selectors
Get elements by class: jQuery vs querySelectorAll vs getElementsByClassName (Jquery 3.3.1)
Comments
Confirm delete:
Do you really want to delete benchmark?