JavaScript'dagi style atributida o‘lchov birliklari

Xususiyatlarning qiymatlarini style atributi orqali belgilashda biz o‘lchov birliklarini ko'rsatishimiz kerak:

elem.style.width = '100px';

Qiymatlarni o'qishda ular ham o‘lchov birliklari bilan olinadi:

let width = elem.style.width;
console.log(width); // '100px' ni chiqaradi;

Agar kerak bo'lsa, biz parseInt yordamida o‘lchov birliklaridan xalos bo'lishimiz mumkin:

let width = elem.style.width;
console.log(parseInt(width)); // 100 ni chiqaradi

Agar kasr qiymatlar kutilayotgan bo'lsa, parseFloat funktsiyasidan foydalanish mumkin:

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

Div va tugma berilgan. Tugmani bosishda divga 400px kenglik, 300px balandlik bering.

Div berilgan:

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

Shuningdek, tugma berilgan. Tugmani bosishda divning kengligi va balandligini o‘lchov birliklarisiz chiqaring.

Div berilgan:

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

Shuningdek, tugma berilgan. Tugmani bosishda divning shrift hajmini o‘lchov birliklarisiz chiqaring.