Benchmark: Toggle hidden class to existing className vs. style display

HTML Preparation code:

<div id="foo" class="class1 class2"></div>

Tests:

classListVar
var element = document.getElementById("foo"); var i = 1000; var classListTemp = element.classList; while (i--) { classListTemp.add("hidden"); classListTemp.remove("hidden"); }
style
var element = document.getElementById("foo"); var list = element.classList var i = 1000; while (i--) { list.add("class3"); list.remove("class3"); }

Rendered benchmark preparation results:

Previous results

Test case name	Result
classListVar
style

Latest run results:

This benchmark does not have any results yet. Be the first one to run it!

Related benchmarks:

Toggle hidden class to existing className vs. style display (version: 0)