Vitengo vya Kipimo katika Atributi ya style katika JavaScript
Wakati wa kutaja maadili ya sifa
kupitia atributi style tunapaswa
kutaja vitengo vya kipimo:
elem.style.width = '100px';
Wakati wa kusoma maadili pia yatapatikana kwa vitengo vya kipimo:
let width = elem.style.width;
console.log(width); // itatoa '100px';
Ikiwa ni lazima tunaweza kujiondoa
kwa vitengo vya kipimo kwa kutumia parseInt:
let width = elem.style.width;
console.log(parseInt(width)); // itatoa 100
Ikiwa inatarajiwa maadili ya sehemu,
unaweza kutumia kitendo parseFloat:
let width = elem.style.width;
console.log(parseFloat(width));
Amepewa divi na kifungo. Wakati wa kubonyeza kifungo
weka upana wa divi kuwa 400px,
na urefu kuwa 300px.
Amepewa divi:
<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.
Amepewa divi:
<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.