Возникла необходимость получить размер псевдоэлемента (:after) в js коде.
Для этого есть простая возможность:
window.getComputedStyle(element, pseudoElt);
Где pseudoElt
это строка с именем псевдоэлемента.
Прочитал документацию, примеры смотреть не стал, написал:
window.getComputedStyle(element, 'after');
Проверил в хроме, всё работает. И на этом закончил.
Через некоторое время, что сопутствующая функциональность не работает в Файрфоксе. Расстроился, полез смотреть. Не мог ничего понять, полез искать в сети. В том числе посмотрел примеры из доков. Всего-то, что и надо было это pseudoElt
писать, так сказать полностью, вот так:
window.getComputedStyle(element, ':after');
Не хватало двоеточия перед именем псевдоэлемента. Хром же подстроился под пользователя, и понял, что я хотел. Файрфокс, как и всегда, оказался занудой.
Читайте доки внимательнее. Не пропускайте детали. Будьте аккуратнее. Проверяйте в нескольких браузерах.