YUI.one('#id') selector vs Y.one(document.getElementById('id')) (v25)

Revision 25 of this benchmark created by David S on


Description

Fastest way get a YUI3 object of a DOM element of which I have the ID. document.getElementById has the advantage of not requiring escaping for special characters.

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js">
</script>
<div id="el">
  Some HTML element
</div>
<script>
  var el = document.getElementById('el'),
      did = 'el',
      jid = '#el',
Y;

  function S4() {
    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
  }
YUI().use('node', function(Y) {
window.Y = Y
});
</script>

Setup

el.id = did = S4();
    jid = '#' + did;

Test runner

Ready to run.

Testing in
TestOps/sec
Y.one(document.getElementById('id'))
Y.one(document.getElementById(did));
ready
Y.one('#id')
Y.one(jid);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.