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 :
elem.style.width = '100px';
Lors de la lecture des valeurs, celles-ci seront également obtenues avec les unités de mesure :
let 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 :
let width = elem.style.width;
console.log(parseInt(width)); // affichera 100
Si des valeurs fractionnaires sont attendues,
la fonction parseFloat peut être utilisée :
let width = elem.style.width;
console.log(parseFloat(width));
Étant donné une div et un bouton. Lors du clic sur le bouton,
définissez la largeur de la div à 400px,
et la hauteur à 300px.
Étant donné une div :
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Un bouton est également donné. Lors du clic sur le bouton, affichez la largeur et la hauteur de la div sans les unités de mesure.
Étant donné une div :
<div id="elem" style="font-size: 1.5em;">
text
</div>
Un bouton est également donné. Lors du clic sur le bouton, affichez la taille de la police de la div sans unités de mesure.
