Window.getComputedStyle() of pseudo elements.

Возникла необходимость получить размер псевдоэлемента (:after) в js коде.

Для этого есть простая возможность:

window.getComputedStyle(element, pseudoElt);

Где pseudoElt это строка с именем псевдоэлемента.

Прочитал документацию, примеры смотреть не стал, написал:

window.getComputedStyle(element, 'after');

Проверил в хроме, всё работает. И на этом закончил.

Через некоторое время, что сопутствующая функциональность не работает в Файрфоксе. Расстроился, полез смотреть. Не мог ничего понять, полез искать в сети. В том числе посмотрел примеры из доков. Всего-то, что и надо было это pseudoElt писать, так сказать полностью, вот так:

window.getComputedStyle(element, ':after');

Не хватало двоеточия перед именем псевдоэлемента. Хром же подстроился под пользователя, и понял, что я хотел. Файрфокс, как и всегда, оказался занудой.

Читайте доки внимательнее. Не пропускайте детали. Будьте аккуратнее. Проверяйте в нескольких браузерах.