Run results for: Comparison of setting style via different methods

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36

Browser: Chrome 86

Operating system: Mac OS X 10.15.6

Device Platform: Desktop

Date tested: 4 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'; }