Run results for: style.display = none vs. style.display = none on a function

Run details:

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

Browser: Firefox 63

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
style.display = none	74.0 Ops/sec
classList add hide	65.4 Ops/sec

HTML Preparation code:

<div id="foo"></div>

Tests:

style.display = none
var i = 3000; while (i--) { document.getElementById("foo").style.display = 'none'; document.getElementById("foo").style.display = 'block'; }
classList add hide
var i = 3000; while (i--) { HideElement("foo"); ShowElement("foo"); } function HideElement(element) { document.getElementById(element).style.display = 'none'; } function ShowElement(element) { document.getElementById(element).style.display = 'block'; }