Měrné jednotky v atributu style v JavaScriptu

Při určování hodnot vlastností přes atribut style musíme uvádět měrné jednotky:

elem.style.width = '100px';

Při čtení hodnot budou také získány s měrnými jednotkami:

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

v případě potřeby se můžeme zbavit měrných jednotek pomocí parseInt:

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

Pokud se předpokládají zlomkové hodnoty, lze použít funkci parseFloat:

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

Dán div a tlačítko. Po kliknutí na tlačítko nastavte divu šířku na 400px, a výšku na 300px.

Dán div:

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

Dáno také tlačítko. Po kliknutí na tlačítko vypište šířku a výšku divu bez měrných jednotek.

Dán div:

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

Dáno také tlačítko. Po kliknutí na tlačítko vypište velikost písma divu bez měrných jednotek.