JavaScript'dagi style atributida o‘lchov birliklari
Xususiyatlarning qiymatlarini
style atributi orqali belgilashda biz
o‘lchov birliklarini ko'rsatishimiz kerak:
javascriptelem.style.width = '100px';
Qiymatlarni o'qishda ular ham o‘lchov birliklari bilan olinadi:
javascriptlet width = elem.style.width;
console.log(width); // '100px' ni chiqaradi;
Agar kerak bo'lsa, biz
parseInt yordamida o‘lchov birliklaridan xalos bo'lishimiz mumkin:
javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100 ni chiqaradi
Agar kasr qiymatlar kutilayotgan bo'lsa,
parseFloat funktsiyasidan foydalanish mumkin:
javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1
Div va tugma berilgan. Tugmani bosishda
divga 400px kenglik,
300px balandlik bering.
Задание 2
Div berilgan:
html<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Shuningdek, tugma berilgan. Tugmani bosishda divning kengligi va balandligini o‘lchov birliklarisiz chiqaring.
Задание 3
Div berilgan:
html<div id="elem" style="font-size: 1.5em;">
text
</div>
Shuningdek, tugma berilgan. Tugmani bosishda divning shrift hajmini o‘lchov birliklarisiz chiqaring.