Run results for: setProperty vs style vs cssText

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; CLT-L29) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 104

Operating system: Android

Device Platform: Mobile

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