getElementById vs id vs wrapper toggling class
Date tested:
one year ago
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Safari/605.1.15
Test name
Executions per second
id
523897.5 Ops/sec
getElementById
534034.6 Ops/sec
wrapper
522761.2 Ops/sec
Benchmark definition (click to collapse):
HTML Preparation code:
<div id="test"></div>
Script Preparation code:
function $(id){return document.getElementById(id);};
Tests:
id
test.classList.toggle("monkey");
getElementById
document.getElementById("test").classList.toggle("monkey");
wrapper
$("test").classList.toggle("monkey");
Open this result on MeasureThat.net