Preparation code

<div id="hello" data-id="hello">
</div>
<div class="bye" data-class="bye">
</div>

Preparation code output

Test runner

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

Java applet disabled.

var $el = document.getElementById('hello');

var $el = document.getElementsByClassName('bye');

var $el = document.querySelectorAll('[data-id="hello"]');

var $el = document.querySelector('[data-id="hello"]');

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 Ben Everard on 21st January 2012
• Revision 2: published by webaware on 26th January 2012
• Revision 3: published by yeikos on 26th January 2012
• Revision 4: published on 26th January 2012
• Revision 5: published on 7th February 2012
• Revision 6: published by Erwan Legrand on 7th February 2012
• Revision 7: published on 22nd June 2012
• Revision 8: published on 18th February 2013
• Revision 9: published on 19th February 2013
• Revision 10: published on 22nd February 2013
• Revision 11: published on 27th February 2013
• Revision 12: published by benjamingr on 23rd March 2013
• Revision 13: published by Feggzy on 3rd April 2013
• Revision 14: published on 23rd April 2013 and last updated on 24th April 2013
• Revision 15: published 3 weeks ago
• Revision 16: published 2 weeks ago

0 comments