JavaScript да style атрибутида ўлчов бирликлари
Хоссалар қийматларини
style атрибути орқали
кўрсатганда, биз ўлчов бирликларини
кўрсатишимиз керак:
elem.style.width = '100px';
Қийматларни ўқиганда, улар ҳам ўлчов бирликлари билан олинади:
let width = elem.style.width;
console.log(width); // '100px' ни кўрсатади;
Зарурат бўлган тақдирда, биз
parseInt ёрдамида ўлчов бирликларидан
холи бўлишимиз мумкин:
let width = elem.style.width;
console.log(parseInt(width)); // 100 ни кўрсатади
Агар каср қийматлар бўлса,
parseFloat функциясидан фойдаланиш мумкин:
let width = elem.style.width;
console.log(parseFloat(width));
Див ва тугма берилган. Тугмани босганда
дивга 400px эни ва
300px бойини белгиланг.
Див берилган:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Тугма ҳам берилган. Тугмани босганда дивнинг эни ва бойини ўлчов бирликларисиз чиқаринг.
Див берилган:
<div id="elem" style="font-size: 1.5em;">
text
</div>
Тугма ҳам берилган. Тугмани босганда дивнинг шрифт ўлчамини ўлчов бирликларисиз чиқаринг.
