Единицы измерения в атрибуте 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));
Дан див и кнопка. По нажатию на кнопку
задайте диву ширину в 400px,
а высоту в 300px.
Дан див:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Дана также кнопка. По клику на кнопку выведите ширину и высоту дива без единиц измерения.
Дан див:
<div id="elem" style="font-size: 1.5em;">
text
</div>
Дана также кнопка. По клику на кнопку выведите размер шрифта дива без единиц измерения.
