Run results for: Set style vs setAtrribute("style") 3

Run details:

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

Browser: Firefox 65

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

HTML Preparation code:

<div id="element" style="background:#555;color:#FFF;position:absolute;left:0;top:0;width:400px;height:100px;">
</div>

Script Preparation code:

  var elem = document.getElementById('element');
i = 0;

Tests:

style by property
elem.style.width = i + 'px'; elem.style.height = i + 'px'; elem.style.top = i + 'px'; elem.style.left = i + 'px'; i++;
style by name
elem.style['width'] = i + 'px'; elem.style['height'] = i + 'px'; elem.style['top'] = i + 'px'; elem.style['left'] = i + 'px'; i++;
setAttribute
elem.setAttribute('style','width:' + i + 'px;height:' + i + 'px;top:' + i + 'px;left:' + i + 'px;'); i++;