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