JavaScript-ի style ատրիբուտում չափման միավորները

Հատկությունների արժեքները 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));
Задание 1

Տրված է div և կոճակ: Կոճակի վրա կտտացնելիս սահմանեք div-ի լայնությունը 400px. իսկ բարձրությունը 300px:

Задание 2

Տրված է div.

html<div id="elem" style="width: 300px; height: 200px;">
  text
</div>

Տրված է նաև կոճակ: Կոճակի վրա կտտացնելիս արտածեք div-ի լայնությունն ու բարձրությունը առանց չափման միավորների:

Задание 3

Տրված է div.

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

Տրված է նաև կոճակ: Կոճակի վրա կտտացնելիս արտածեք div-ի տառատեսակի չափը առանց չափման միավորի: