Mértékegységek a style attribútumban JavaScriptben

A tulajdonságok értékeinek megadásakor a style attribútumon keresztül meg kell adnunk a mértékegységeket:

javascriptelem.style.width = '100px';

Az értékek olvasásakor azok szintén a mértékegységekkel együtt szerezhetők be:

javascriptlet width = elem.style.width;
console.log(width); // kiírja '100px';

Szükség esetén megszabadulhatunk a mértékegységektől a parseInt segítségével:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // kiírja 100

Ha törtszámok várhatók, használhatjuk a parseFloat függvényt:

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>