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;">
	текст
</div>

Ошондой эле баскыч берилген. Баскычты чыкылдатканда, дивдин туурасын жана бийиктигин өлчөө бирдиктери сиздирбей чыгарыңыз.

Див берилген:

<div id="elem" style="font-size: 1.5em;">
	текст
</div>

Ошондой эле баскыч берилген. Баскычты чыкылдатканда, дивдин шрифттин көлөмүн өлчөө бирдиктери сиздирбей чыгарыңыз.