Omvandling av inlästa värden i JavaScript
Funktionen getComputedStyles får inte
exakt de värden som angavs i CSS.
Den omvandlar dem till absoluta värden,
vanligtvis i pixlar.
Låt oss titta på ett exempel. Antag att vi har en bredd angiven i procent:
#elem {
width: 100%;
}
Men när vi läser bredden kommer vi att få värdet inte i procent, utan i pixlar:
console.log(computedStyle.width); // värde i px
Följande stilar är angivna för elementet:
#elem {
font-size: 2em;
}
Vid klick på knappen, skriv ut storleken på elementets teckensnitt.