Måleenheder i style-attributten i JavaScript

Når vi angiver værdier for egenskaber via attributten style skal vi angive måleenheder:

javascriptelem.style.width = '100px';

Ved læsning af værdier vil de også komme med måleenheder:

javascriptlet width = elem.style.width;
console.log(width); // vil udskrive '100px';

Hvis nødvendigt kan vi fjerne måleenhederne med parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // vil udskrive 100

Hvis der forventes brøkværdier, kan du bruge funktionen 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>