Az olvasott értékek átalakítása JavaScriptben
A getComputedStyles függvény nem
pontosan azokat az értékeket kapja meg,
amelyek a CSS-ben lettek megadva.
Abszolút értékekké alakítja azokat,
általában pixelbe.
Nézzük meg egy példán. Tegyük fel, hogy a szélességünk százalékban van megadva:
#elem {
width: 100%;
}
Azonban a szélesség leolvasásakor nem százalékos értéket kapunk, hanem pixelben kifejezve:
console.log(computedStyle.width); // érték px-ben
Az elem számára a következő stílusok vannak megadva:
#elem {
font-size: 2em;
}
A gombra kattintva írja ki a betűméret értékét.