JavaScript'te style Özniteliğinde Ölçü Birimleri

Özellik değerlerini style özniteliği aracılığıyla belirtirken ölçü birimlerini belirtmeliyiz:

elem.style.width = '100px';

Değerler okunurken da ölçü birimleriyle birlikte alınacaktır:

let width = elem.style.width;
console.log(width); // '100px' yazacaktır;

Gerekirse, parseInt kullanarak ölçü birimlerinden kurtulabiliriz:

let width = elem.style.width;
console.log(parseInt(width)); // 100 yazacaktır

Ondalıklı değerler bekleniyorsa, parseFloat fonksiyonunu kullanabilirsiniz:

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

Bir div ve bir düğme verilmiştir. Düğmeye tıklandığında div'in genişliğini 400px, yüksekliğini ise 300px olarak ayarlayın.

Bir div verilmiştir:

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

Ayrıca bir düğme verilmiştir. Düğmeye tıklandığında div'in genişliğini ve yüksekliğini ölçü birimleri olmadan yazdırın.

Bir div verilmiştir:

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

Ayrıca bir düğme verilmiştir. Düğmeye tıklandığında div'in yazı tipi boyutunu ölçü birimleri olmadan yazdırın.