Единицы измерения в атрибуте style в JavaScript

При указании значений свойств через атрибут 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));

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

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