Mõõtühikud JavaScripti style atribuudis

Omaduste väärtuste määramisel läbi style atribuudi peame määrama mõõtühikud:

javascriptelem.style.width = '100px';

Väärtuste lugemisel saadakse need samuti mõõtühikutega:

javascriptlet width = elem.style.width;
console.log(width); // väljastab '100px';

Vajadusel saame mõõtühikutest lahti kasutades parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // väljastab 100

Kui eeldatakse murdarvulisi väärtusi, võib kasutada funktsiooni 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>