MeasureThat.net

Run results for: get by id

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36
Chrome 52
Windows 8.1
Other
8 years ago
Test name Executions per second
vanilla 2750775.8 Ops/sec
jquery 759737.2 Ops/sec
custom function 2138162.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 = document.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;