Unit ukuran dalam atribut style dalam JavaScript

Apabila menetapkan nilai sifat melalui atribut style kita perlu menyatakan unit ukuran:

elem.style.width = '100px';

Apabila membaca nilai, ia juga akan diperoleh dengan unit ukuran:

let width = elem.style.width;
console.log(width); // akan memaparkan '100px';

Jika perlu, kita boleh menghilangkan unit ukuran menggunakan parseInt:

let width = elem.style.width;
console.log(parseInt(width)); // akan memaparkan 100

Jika nilai pecahan dijangka, fungsi parseFloat boleh digunakan:

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

Diberi satu div dan satu butang. Apabila butang ditekan tetapkan lebar div kepada 400px, dan tinggi kepada 300px.

Diberi satu div:

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

Diberi juga satu butang. Apabila butang diklik paparkan lebar dan tinggi div tanpa unit ukuran.

Diberi satu div:

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

Diberi juga satu butang. Apabila butang diklik paparkan saiz fon div tanpa unit ukuran.