Run results for: Comparison of setting style via different methods

Run details:

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

Browser: Firefox 84

Operating system: Windows

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'; }