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

Дана также кнопка. По клику на кнопку выведите размер шрифта дива без единиц измерения.

←→
↑
en ru