@ZMaxonchik

Можно ли изменить data атрибут в html через css?

Всем привет!
Есть дата атрибут в html, который связан с js. Необходимо его изменить при определенном медиа запросе. Как быть?

<p class="f1" data-delay="1s">AAAA</p>

Нужно поменять 1s на 2s через css при определенной ширине экрана.

Пока вижу решение только в создании дубликата тега с дата 2s + display: none при определенном медиа запросе.
Хотелось бы решение попроще, так как в самой верстке тег намного больше, чем указал тут в примере.
Спасибо!
  • Вопрос задан
  • 90 просмотров
Решения вопроса 2
l3ftoverz
@l3ftoverz Куратор тега CSS
Rings of Saturn - The Husk
if (window.matchMedia("(max-width: 700px)")) {
  const elem = document.querySelector('.f1');
  elem.dataset.delay = newValue;
}


А так, через CSS - никак, опишите задачу, может вам Custom Property в CSS подойдут? Их можно изменять из CSS и получать доступ из JS.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
21 сент. 2019, в 00:13
5000 руб./за проект
20 сент. 2019, в 20:02
3000 руб./за проект
20 сент. 2019, в 19:04
80000 руб./за проект