Единици за мерење во атрибутот 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-от без единици за мерење.
