MeasureThat.net

Run results for: Contains className vs classList

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 OPR/92.0.0.0
Opera 92
Windows 8.1
Desktop
2 years ago
Test name Executions per second
className 1133950.6 Ops/sec
classList 908613.6 Ops/sec
HTML Preparation code:
AخA
 
1
<div id="testDiv" class="test1 test2">Sample div</div>
Tests:

  • className

     
    var div = document.getElementById('testDiv');
    div.className.includes("test1");
    div.className.includes("test2");

  • classList

     
    var div = document.getElementById('testDiv');
    div.classList.contains("test1");
    div.classList.contains("test2");