JavaScript-ի style ատրիբուտում չափման միավորները
Հատկությունների արժեքները
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-ի տառատեսակի չափը առանց չափման միավորի: