@hujak_hujak

Как обратиться к псевдоэлемунту after через js?

У меня есть див с псевдо элементом after, я хочу при нажатии на кнопку добавить ему свойство css, как это сделать?
  • Вопрос задан
  • 2747 просмотров
Пригласить эксперта
Ответы на вопрос 3
Defman21
@Defman21
Можно добавлять класс к самому диву.

.test {
  &:after { content: "hello"; }
  &.clicked:after { color: red; }
}


https://codepen.io/anon/pen/NRNbmp
Ответ написан
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
К сожалению, обратиться к псевдоэлементу из js нельзя. Это Shadow DOM, он из js не виден.
Ответ написан
@MihailDonskoy
Кароч к самому псевдоэлементу нельза,но можно в элементе,где :after создать с помощью css свойства content: в котором создать селектор с помощью метода attr(data-название селектора ).то есть получиться например content:attr(data-el); а затем обратиться к нему из js var a = this.dataset.el,т таким макаром сможешь переопределить или добавить новые свойства элементу:after.только так.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы