Псевдо -элементы CSS очень полезны - вы можете использовать его для создания треугольников CSS, использовать их в коробке с приглашением, и вы также можете использовать их для выполнения многих простых задач без ненужных элементов HTML. В прошлом атрибуты CSS псевдо-элементов не были доступны в JavaScript, но теперь есть новый метод JavaScript для доступа к ним! Предположим, ваш код CSS выглядит так:
Кода -копия выглядит следующим образом:
.Element: до {
Контент: «Новый»;
Цвет: RGB (255, 0, 0);
}
Чтобы получить атрибут стиля в. Элемент: до, вы можете использовать следующий код JavaScript:
Кода -копия выглядит следующим образом:
var color = window.getComputedStyle (
document.queryselector ('. element'), ': до'
) .getPropertyValue ('color')
Используйте псевдоэлемент в качестве второго параметра метода Window.getComputedStyle, и вы можете получить свойства в псевдоэлементном стиле! Поместите эту технику в свою базу знаний, и по мере развития браузера псевдо-элементы станут все более и более полезными!