Как добавить атрибут open к в компьютерной версии сайта?
Нужно, чтобы к <details> в компьютерной версии добавлялся атрибут open, то есть чтобы спойлер был по умолчанию открыт для ПК-версии и закрыт для мобильной версии. Это можно сделать только на CSS?
Ответы (1 шт):
Автор решения: SonOfAMother
→ Ссылка
Нельзя добавлять атрибуты HTML-элементам через CSS, только JavaScript. Для этого подойдёт следующий код, взятый с вопроса на Хабре:
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
// код для мобильных устройств
}
else {
// код для обычных устройств }
Чтобы добавить атрибут open используйте метод document.getElementById(id вашего элемента <details>).setAttribute('open', '1')