Run results for: style➜display/backgroundColor VS setAttribute➜display/backgroundColor

Run details:

User agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3400.0 Safari/537.36

Browser: Chrome 68

Operating system: Windows 8.1

Device Platform: Other

Date tested: 6 years ago

Test name	Executions per second
style➜display	710745.1 Ops/sec
setAttribute➜display	689371.5 Ops/sec

HTML Preparation code:

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

Tests:

style➜display
document.getElementById("foo").style.display = "none"; document.getElementById("foo").style.backgroundColor = "red";
setAttribute➜display
document.getElementById("foo").setAttribute('style', 'background-color:red;display:none;');