Run results for: style.display vs classList.toggle

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:100.0) Gecko/20100101 Firefox/100.0

Browser: Firefox 100

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
classList.toggle	884908.2 Ops/sec
style.display	569827.4 Ops/sec

HTML Preparation code:

<style type="text/css">
        .hide {
            display: none;
        }
</style>
<div id="foo"></div>

Tests:

classList.toggle
document.getElementById("foo").classList.toggle("hide"); document.getElementById("foo").classList.toggle("hide");
style.display
document.getElementById("foo").style.display = "none"; document.getElementById("foo").style.display = "block";