Querying Dom Elements
JavaScript performance comparison
Preparation code
<div id='fixture'>Fixture Id</div>
<div class='fixtureClass'>Fixture Class</div>
Preparation code output
<div id='fixture'>Fixture Id</div>
<div class='fixtureClass'>Fixture Class</div>
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
Test | Ops/sec | |
---|---|---|
document.getElementById
|
|
pending… |
document.getElementsByClassName
|
|
pending… |
document.querySelector('#id')
|
|
pending… |
document.querySelector('.class')
|
|
pending… |
document.querySelectorAll('#id')
|
|
pending… |
document.querySelectorAll('.class')
|
|
pending… |
document.getElementByTagName('div')
|
|
pending… |
Compare results of other browsers
Revisions
You can edit these tests or add even more tests to this page by appending /edit
to the URL.
- Revision 1: published Todd Henderson
- Revision 2: published Todd Henderson
0 Comments