Mõõtühikud JavaScripti style atribuudis

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

elem.style.width = '100px';

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

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

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

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

Kui eeldatakse murdarvulisi väärtusi, võib kasutada funktsiooni parseFloat:

let width = elem.style.width;
console.log(parseFloat(width));

Antud on div ja nupp. Vajutades nuppu määra divile laius 400px, ja kõrgus 300px.

Antud on div:

<div id="elem" style="width: 300px; height: 200px;">
	text
</div>

Samuti on antud nupp. Nupu vajutamisel kuva divi laius ja kõrgus ilma mõõtühikuteta.

Antud on div:

<div id="elem" style="font-size: 1.5em;">
	text
</div>

Samuti on antud nupp. Nupu vajutamisel kuva divi fondi suurus ilma mõõtühikuteta.