JavaScript-däki style atributynyň ölçeg birlikleri

Häsiýetleriň bahalaryny style atributy arkaly görkezende biz ölçeg birliklerini görkezmeli:

elem.style.width = '100px';

Baha okalanda olar hem ölçeg birlikleri bilen alynar:

let width = elem.style.width;
console.log(width); // '100px' çykarar;

Gerek bolsa, biz parseInt ulanyp ölçeg birliklerinden ýokary çykyp bileris:

let width = elem.style.width;
console.log(parseInt(width)); // 100 çykarar

Eger böleklik bahalar göz öňünde tutulýansa, parseFloat funksiýasyny ulanyp bolýar:

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

Bir div we bir düwme berlen. Düwmä basylanda div-e 400px ini, we 300px beýikligi beriň.

Bir div berlen:

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

Bir düwme hem berlen. Düwmä basylanda div-iň ini we beýikligini ölçeg birliksiz çykaryň.

Bir div berlen:

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

Bir düwme hem berlen. Düwmä basylanda div-iň ýazgy ölçegini ölçeg birliksiz çykaryň.