Enote merjenja v atributu style v JavaScriptu

Pri določanju vrednosti lastnosti prek atributa style moramo navedeti enote merjenja:

elem.style.width = '100px';

Pri branju vrednosti bodo te tudi pridobljene z enotami merjenja:

let width = elem.style.width;
console.log(width); // izpiše '100px';

Po potrebi se lahko znebimo enot merjenja s pomočjo parseInt:

let width = elem.style.width;
console.log(parseInt(width)); // izpiše 100

Če so predvidene delne vrednosti, lahko uporabimo funkcijo parseFloat:

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

Podan je div in gumb. Ob kliku na gumb nastavite divu širino 400px, in višino 300px.

Podan je div:

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

Podan je tudi gumb. Ob kliku na gumb izpišite širino in višino diva brez enot merjenja.

Podan je div:

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

Podan je tudi gumb. Ob kliku na gumb izpišite velikost pisave diva brez enot merjenja.