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