Merni jedinice u atributu style u JavaScriptu

Prilikom određivanja vrednosti svojstava preko atributa style moramo navedemo mernu jedinicu:

elem.style.width = '100px';

Prilikom čitanja vrednosti, one će takođe biti dobijene sa mernim jedinicama:

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

Po potrebi možemo da se oslobodimo mernih jedinica pomoću parseInt:

let width = elem.style.width;
console.log(parseInt(width)); // ispisaće 100

Ako se očekuju decimalne vrednosti, možete koristiti funkciju parseFloat:

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

Dat je div i dugme. Klikom na dugme postavite divu širinu od 400px, a visinu od 300px.

Dat je div:

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

Dat je i dugme. Klikom na dugme ispisati širinu i visinu div-a bez mernih jedinica.

Dat je div:

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

Dat je i dugme. Klikom na dugme ispisati veličinu fonta div-a bez mernih jedinica.