Mätningsenheter i style-attributet i JavaScript

När vi specificerar egenskapsvärden via attributet style måste vi ange mätningsenheter:

javascriptelem.style.width = '100px';

När värden läses kommer de också att erhållas med mätningsenheter:

javascriptlet width = elem.style.width;
console.log(width); // skriver ut '100px';

Vid behov kan vi bli av med mätningsenheterna med hjälp av parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // skriver ut 100

Om bråkvärden förväntas, kan funktionen parseFloat användas:

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>