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