საზომი ერთეულები 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));
მოცემულია div და ღილაკი. ღილაკზე დაჭერისას
მიანიჭეთ div-ს სიგანე 400px-ში,
ხოლო სიმაღლე 300px-ში.
მოცემულია div:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
ასევე მოცემულია ღილაკი. ღილაკზე დაწკაპუნებით გამოიტანეთ div-ის სიგანე და სიმაღლე საზომი ერთეულების გარეშე.
მოცემულია div:
<div id="elem" style="font-size: 1.5em;">
text
</div>
ასევე მოცემულია ღილაკი. ღილაკზე დაწკაპუნებით გამოიტანეთ div-ის ფონტის ზომა საზომი ერთეულების გარეშე.
