Måleenheter i style-attributtet i JavaScript

Ved angivelse av egenskapsverdier gjennom attributtet style må vi angi måleenheter:

javascriptelem.style.width = '100px';

Ved lesing av verdier vil de også bli hentet med måleenheter:

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

Ved behov kan vi fjerne måleenheter med parseInt:

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

Hvis brøkverdier er forventet, kan du bruke funksjonen 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>