Matavimo vienetai style atribute JavaScripte

Nurodant savybių reikšmes per style atributą mes turime nurodyti matavimo vienetus:

elem.style.width = '100px';

Skaitant reikšmes jos taip pat bus gaunamos su matavimo vienetais:

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

Jei reikia, mes galime atsikratyti matavimo vienetų naudodami parseInt:

let width = elem.style.width;
console.log(parseInt(width)); // išves 100

Jei numatomos trupmeninės reikšmės, galima pasinaudoti funkcija parseFloat:

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

Duotas div'as ir mygtukas. Paspaudus mygtuką nustatykite div'ui plotį 400px, o aukštį 300px.

Duotas div'as:

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

Taip pat duotas mygtukas. Paspaudus mygtuką išveskite div'o plotį ir aukštį be matavimo vienetų.

Duotas div'as:

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

Taip pat duotas mygtukas. Paspaudus mygtuką išveskite div'o šrifto dydį be matavimo vienetų.