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>

Сондай-ақ батырма берілген. Батырманы басқанда дивтің қаріп өлшемін өлшем бірліктері жоқ түрде шығарыңыз.