Пераўтварэнне прачытаных значэнняў у JavaScript
Функцыя getComputedStyles не атрымлівае
менавіта тыя значэнні, якія былі зададзены ў CSS.
Яна пераўтварае іх у абсалютныя значэнні,
звычайна ў пікселі.
Давайце паглядзім на прыкладзе. Хай у нас зададзена шырыня ў працэнтах:
#elem {
width: 100%;
}
Аднак пры чытанні шырыні мы атрымаем значэнне не ў працэнтах, а ў пікселях:
console.log(computedStyle.width); // значэнне ў px
Для элемента зададзены наступныя стылі:
#elem {
font-size: 2em;
}
Па кліку на кнопку вывядзіце памер шрыфту элемента.