Vitengo vya Kipimo katika Atributi ya style katika JavaScript

Wakati wa kutaja maadili ya sifa kupitia atributi style tunapaswa kutaja vitengo vya kipimo:

javascriptelem.style.width = '100px';

Wakati wa kusoma maadili pia yatapatikana kwa vitengo vya kipimo:

javascriptlet width = elem.style.width;
console.log(width); // itatoa '100px';

Ikiwa ni lazima tunaweza kujiondoa kwa vitengo vya kipimo kwa kutumia parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // itatoa 100

Ikiwa inatarajiwa maadili ya sehemu, unaweza kutumia kitendo parseFloat:

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

Задание 1

Amepewa divi na kifungo. Wakati wa kubonyeza kifungo weka upana wa divi kuwa 400px, na urefu kuwa 300px.

Задание 2

Amepewa divi:

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

Amepata pia kifungo. Wakati wa kubonyeza kifungo toa upana na urefu wa divi bila vitengo vya kipimo.

Задание 3

Amepewa divi:

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

Amepata pia kifungo. Wakati wa kubonyeza kifungo toa ukubwa wa herufi ya divi bila vitengo vya kipimo.