Měrné jednotky v atributu style v JavaScriptu

Při určování hodnot vlastností přes atribut style musíme uvádět měrné jednotky:

javascriptelem.style.width = '100px';

Při čtení hodnot budou také získány s měrnými jednotkami:

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

v případě potřeby se můžeme zbavit měrných jednotek pomocí parseInt:

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

Pokud se předpokládají zlomkové hodnoty, lze použít funkci 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>