Merné jednotky v atribúte style v JavaScripte

Pri určovaní hodnôt vlastností cez atribút style musíme uvádzať merné jednotky:

javascriptelem.style.width = '100px';

Pri čítaní hodnôt budú tiež získavané s mernými jednotkami:

javascriptlet width = elem.style.width;
console.log(width); // vypíše '100px';

V prípade potreby sa môžeme zbaviť merných jednotiek pomocou parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // vypíše 100

Ak sa predpokladajú desatinné hodnoty, možno použiť funkciu parseFloat:

javascriptlet width = elem.style.width;
console.log(parseFloat(width));

html<div id="elem" style="width: 300px; height: 200px;">
  text
</div>

html<div id="elem" style="font-size: 1.5em;">
  text
</div>