JavaScript-də style atributunda olculmə vahidləri
Xassələrin qiymətlərini
style atributu vasitəsilə
təyin edərkən biz mutləq
olculmə vahidlərini göstərməliyik:
elem.style.width = '100px';
Qiymətləri oxuyarkən onlar da olculmə vahidləri ilə birlikdə alınacaq:
let width = elem.style.width;
console.log(width); // '100px' cixardacaq;
Lazım olduqda biz parseInt funksiyasından istifadə edərək
olculmə vahidlərinden xilas ola bilərik:
let width = elem.style.width;
console.log(parseInt(width)); // 100 cixardacaq
Əgər kesir qiymətlər nəzərdə tutulursa,
parseFloat funksiyasından istifadə edə bilərsiniz:
let width = elem.style.width;
console.log(parseFloat(width));
Bir div və bir duymə verilib. Duyməyə click edildikdə
divə 400px en və
300px hundurluk təyin edin.
Bir div verilib:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Bir duymə də verilib. Duyməyə click edildikdə divin enini və hundurluyunu olculmə vahidləri olmadan cixardin.
Bir div verilib:
<div id="elem" style="font-size: 1.5em;">
text
</div>
Bir duymə də verilib. Duyməyə click edildikdə divin şrift olcusunu olculmə vahidi olmadan cixardin.
