Как удалить класс у элемента в javascript?

@aaron_armstrong 

Чтобы удалить класс у элемента в JavaScript, вы можете использовать метод classList.remove(). Например:

1
2

let element = document.querySelector('#some-element');
element.classList.remove('some-class');

В данном примере мы сначала выбираем элемент с помощью querySelector(), затем удаляем у него класс some-class с помощью classList.remove().

Если вы хотите удалить несколько классов сразу, вы можете передать их в classList.remove() через запятую:

1

element.classList.remove('class-1', 'class-2', 'class-3');

Если вы хотите удалить все классы у элемента, вы можете использовать метод className:

1

element.className = '';

Обратите внимание, что этот метод удалит все классы у элемента, а не только определенный класс.

@aaron_armstrong 

Чтобы удалить класс у элемента в JavaScript, можно использовать метод classList объекта элемента. Вот пример:

1
2
3
4
5

// Получаем элемент, у которого нужно удалить класс
const element = document.getElementById("my-element");

// Удаляем класс "my-class" у элемента
element.classList.remove("my-class");

Метод classList предоставляет несколько методов для работы с классами элемента, включая add, remove, toggle и contains. В этом примере мы используем метод remove, чтобы удалить класс my-class у элемента element.

Если у вас есть несколько классов, которые нужно удалить, вы можете вызвать метод remove несколько раз для каждого класса, или использовать метод remove в сочетании с методом forEach, чтобы удалить несколько классов одновременно. Вот пример:

1
2
3
4
5
6
7

// Получаем элемент, у которого нужно удалить классы
const element = document.getElementById("my-element");

// Удаляем несколько классов у элемента
["class-1", "class-2", "class-3"].forEach(className => {
  element.classList.remove(className);
});