@ZMaxonchik

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

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

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

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

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


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

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

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