Run results for: Comparison of setting style via different methods

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.67 Safari/537.36

Browser: Chrome 87

Operating system: Mac OS X 11.0.1

Device Platform: Desktop

Date tested: 3 years ago

HTML Preparation code:

<div id="test"></div>

Script Preparation code:

globalThis.test = document.getElementById('test');

Tests:

setProperty
let i = 1000; while (i -= 1) { test.style.setProperty('color', 'red'); }
cssText
let i = 1000; while (i -= 1) { test.style.cssText = 'color: red'; }
setAttribute
let i = 1000; while (i -= 1) { test.setAttribute('style', 'color: red'); }
style property
let i = 1000; while (i -= 1) { test.style.color = 'red'; }