Conversion des valeurs lues en JavaScript
La fonction getComputedStyles n'obtient pas
exactement les valeurs qui ont été définies dans le CSS.
Elle les convertit en valeurs absolues,
généralement en pixels.
Regardons un exemple. Supposons que nous ayons une largeur définie en pourcentages :
#elem {
width: 100%;
}
Cependant, lors de la lecture de la largeur, nous obtiendrons une valeur non pas en pourcentages, mais en pixels :
console.log(computedStyle.width); // valeur en px
Les styles suivants sont définis pour l'élément :
#elem {
font-size: 2em;
}
Lors d'un clic sur le bouton, affichez la taille de police de l'élément.
