Run results for: setProperty vs style vs cssText

Run details:

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

Browser: Firefox 95

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

HTML Preparation code:

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

Tests:

setProperty
var element = document.getElementById("foo"); var i = 10000; while (i--) { element.style.setProperty('transition', "none; transform:scale(1.05)"); element.style.setProperty('transform', "scale(1.05)"); element.style.setProperty('transition', ""); element.style.setProperty('transform', ""); }
style
var element = document.getElementById("foo"); var i = 10000; while (i--) { element.style.transition = "none"; element.style.transform = "scale(1.05)"; element.style.transition = ""; element.style.transform = ""; }
cssText
var element = document.getElementById("foo"); var i = 10000; while (i--) { element.style.cssText = "transition:none; transform:scale(1.05)"; element.style.cssText = ""; }