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

Ҳангоми муайян кардани арзишҳои хусусиятҳо тавассути сифати style мо бояд воҳидҳои ченкуниро муайян кунем:

javascriptelem.style.width = '100px';

Ҳангоми хондани арзишҳо, онҳо низ бо воҳидҳои ченкунӣ ба даст меоянд:

javascriptlet width = elem.style.width;
console.log(width); // '100px'-ро хориҷ мекунад;

Агар лозим бошад, мо метавонем бо ёрии parseInt аз воҳидҳои ченкунӣ халос шавем:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100-ро хориҷ мекунад

Агар арзишҳои касрӣ пешбинӣ шуда бошанд, метавон аз функсияи parseFloat истифода бурд:

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

html<div id="elem" style="width: 300px; height: 200px;">
  матн
</div>

html<div id="elem" style="font-size: 1.5em;">
  матн
</div>