Как удалить все аттрибуты элемента при адаптиве?

Question

[Роман Татаринов]

Необходимо, чтобы при ресайзе и просто при посещении сайта с мобильных устройств, разрешение которых менее 1024px с

<nav class="menu multilevelMenu" id="mainMenu"></nav>

удалить все аттрибуты, кроме class="multilevelMenu". То есть все дополнительные классы и id. Также, чтобы при обратном ресайзе, то есть если разрешение экрана >= 1024 все аттрибуты возвращались. Как это сделать? Чтобы еще и на мобильниках работало. Подскажите, пожалуйста.

Answer 1

[Arman]

Может легче через CSS отменить стили для этого класса когда ширина меньше 1024? тогда ничего пересчитывать не надо

Comments

[Роман Татаринов]

суть такая, я просто написал небольшой код для адаптивного меню codepen.io/romkaa/pen/ORLRqQ
А теперь я хочу туда вшить удаление всех классов, чтобы как раз не сбрасывать стили, а подключать свой css, и с ним работать. Это нужно для адаптивных сайтов, которые верстал не я. А так могут возникнуть трудности, чтобы сбрасывать все предыдущие стили. А здесь сразу css готовый, немного отредактировал и все.

Answer 2

[sergski]

Можно же получить ширину окна браузера (clientWidth) и/или тип устройства (userAgent) и управлять классами элемента.

Answer 3

[Кемал Демирель]

Получаешь ширину браузера и через условную конструкцию добавляешь / удаляешь.