Matavimo vienetai style atribute JavaScripte

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

javascriptelem.style.width = '100px';

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

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

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

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

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

javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1

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

Задание 2

Duotas div'as:

html<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ų.

Задание 3

Duotas div'as:

html<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ų.