Задать вопрос
@olya_097
javascript

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

Можно ли псевдоэлементу ставить высоту через js?
+рассчитывать ее отнимая у родителя один внутренний блок
  • Вопрос задан
  • 165 просмотров
Комментировать
Подписаться 2 Средний Комментировать
Решения вопроса 1
origami1024
@origami1024
went out for a night walk
Можно задавать высоту псевде в 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
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
meowto16
@meowto16
Делаю штуки
Привет. С псевдоэлементами невозможно контактировать через JS. На то они и псевдо. Их нет в DOM.

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

Какую задачу ты хочешь решить? Возможно JS тебе тут и не понадобится, а лишь CSS
Ответ написан
4 комментария
4 комментария
@Lord_Dantes
Нет, но можно добавить класс в котором заранее прописать свойства для псевдо-элементов.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать скрипт на Python для уникализации и склейки видео
16 апр. 2024, в 17:36
15000 руб./за проект
Перенести полную копию сайта без доработок с opencart
16 апр. 2024, в 17:32
1000 руб./в час
Доработать открытый Python код (telegram bot)
16 апр. 2024, в 17:30
2000 руб./за проект
Ещё заказы