Воҳидҳои ченкунӣ дар сифати style дар JavaScript

Ҳангоми муайян кардани арзишҳои хусусиятҳо тавассути сифати 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>

Тугма низ дода шудааст. Бо пахш кардан ба тугма андозаи ҳарфи дивро бе воҳидҳои ченкунӣ хориҷ кунед.