საზომი ერთეულები 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;">
  text
</div>

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