Run results for: Comparison of setting style via different methods

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15

Browser: Safari 16

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

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