Info

This test shows the performance difference between getting the reference to a DOM element by calling getElementById, querySelector and accessing it via the named element of window.

The test only uses one HTML element with the id as the standard expects to only have one unique element with that ID in the DOM. Other than that the created object "node" will contain a collection if we use querySelector or the named element.

Preparation code

<div id="testid"></div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

node = document.getElementById('testid');
 

node = document.querySelector('#testid');
 

node = window.testid;
 

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. Here’s a list of current revisions for this page:

• Revision 1: published by t32k on 2nd January 2011
• Revision 2: published by t32k on 2nd January 2011
• Revision 4: published by MatrixFrog on 23rd March 2011
• Revision 5: published on 12th July 2011
• Revision 6: published on 22nd November 2011
• Revision 7: published on 5th January 2012
• Revision 8: published on 5th January 2012
• Revision 11: published on 31st May 2012
• Revision 14: published by Nonlinearcode on 22nd August 2012
• Revision 15: published by Silviu Catarau on 13th September 2012
• Revision 16: published on 20th September 2012
• Revision 17: published on 11th October 2012
• Revision 18: published by sys on 22nd November 2012
• Revision 19: published by pavelrevers on 3rd December 2012
• Revision 20: published by pavelrevers on 3rd December 2012
• Revision 21: published on 14th December 2012
• Revision 23: published on 21st December 2012
• Revision 24: published on 28th December 2012
• Revision 25: published on 28th January 2013
• Revision 26: published on 5th February 2013
• Revision 27: published on 7th February 2013
• Revision 31: published 2 weeks ago
• Revision 32: published 5 days ago
• Revision 33: published 4 days ago

1 comment