MeasureThat.net

Run results for: get by id

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.101 Safari/537.36
Chrome 53
Mac OS X 10.11.6
Other
8 years ago
Test name Executions per second
vanilla 0.0 Ops/sec
jquery 510573.6 Ops/sec
custom function 1524631.5 Ops/sec
HTML Preparation code:
AخA
 
1
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.0.min.js"></script>
2
<div id="testElement"></div>
Script Preparation code:
 
function getElement(a,b,c){var d;return void 0==b&&(d=document.getElementById(a)||document.querySelector(a)),null==d&&(0==b?(d=document.getElementsByClassName(a),0==d.length&&(d=document.getElementsByTagName(a)),0==d.length&&(d=document.querySelectorAll(a)),0==d.length&&(d=getElementsByClassName(a))):(c=null==c?0:c,d=document.getElementsByClassName(a)[c]||document.getElementsByTagName(a)[c]||document.querySelectorAll(a)[c]||getElementsByClassName(a)[c])),d}
Tests:

  • vanilla

     
    var el = getElementByID("testElement");
    var className = el.className;

  • jquery

     
    var el = $("#testElement")[0];
    var className = el.className;

  • custom function

     
    var el = getElement("testElement");
    var className = el.className;