Unités de mesure dans l'attribut style en JavaScript

Lors de la spécification des valeurs des propriétés via l'attribut style, nous devons indiquer les unités de mesure :

javascriptelem.style.width = '100px';

Lors de la lecture des valeurs, celles-ci seront également obtenues avec les unités de mesure :

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

Si nécessaire, nous pouvons nous débarrasser des unités de mesure en utilisant parseInt :

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

Si des valeurs fractionnaires sont attendues, la fonction parseFloat peut être utilisée :

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>