Omzetting van gelezen waarden in JavaScript
De functie getComputedStyles verkrijgt niet
precies de waarden die in CSS zijn ingesteld.
Het zet ze om in absolute waarden,
meestal in pixels.
Laten we een voorbeeld bekijken. Stel dat we een breedte in percentages hebben ingesteld:
#elem {
width: 100%;
}
Echter, bij het lezen van de breedte krijgen we een waarde niet in percentages, maar in pixels:
console.log(computedStyle.width); // waarde in px
Voor het element zijn de volgende stijlen ingesteld:
#elem {
font-size: 2em;
}
Klik op de knop om de lettergrootte van het element weer te geven.