Можно ли псевдоэлементу ставить высоту через js?

Question

[olya_097]

Можно ли псевдоэлементу ставить высоту через js?
+рассчитывать ее отнимая у родителя один внутренний блок

Answer 1

[origami1024]

Можно задавать высоту псевде в css через переменную.
А из js менять эту переменную.

.theDude{
    --height: 100%;
}
.theDude:before{
	height: var(--height);
}

let el = document.getElementsByClassName('theDude')[0]
el.style.setProperty('--height','200%')

https://codepen.io/origami1024/pen/dyyOoGb

Answer 2

[Maxim Kirshin]

Привет. С псевдоэлементами невозможно контактировать через JS. На то они и псевдо. Их нет в DOM.

Если хочешь работать с ними через JS, сделай их настоящими элементами.

Какую задачу ты хочешь решить? Возможно JS тебе тут и не понадобится, а лишь CSS

Comments

[Владислав Лысков]

Вообще-то можно, без проблем

[WapSter]

Владислав Лысков, нет не возможно обращаться к псевдоэлементам через js

[Andrey Suha]

Владислав Лысков, Дайте ссыль где написано как к ним обращаться.

P.s именно к псевдо элементам, а не менять класс родителя

[Владислав Лысков]

Andrey Suha, лови пример https://jsfiddle.net/cfwmqbvn/

Answer 3

[Lord_Dantes]

Нет, но можно добавить класс в котором заранее прописать свойства для псевдо-элементов.