Методы JavaScript для получения списка классов элемента

Чтобы получить classListэлемента в JavaScript, вы можете использовать следующие методы:

  1. Element.classList: это свойство возвращает живую коллекцию DOMTokenListатрибутов класса элемента. Он предоставляет несколько методов для управления классами.

Пример:

const element = document.getElementById('myElement');
const classList = element.classList;
  1. Element.className: это свойство возвращает строку, содержащую значение атрибута classэлемента. Вы можете разделить строку, чтобы получить массив классов.

Пример:

const element = document.getElementById('myElement');
const className = element.className;
const classArray = className.split(' ');
  1. getAttribute(): вы можете использовать метод getAttribute(), чтобы получить значение атрибута class, а затем разделить его на массив.

Пример:

const element = document.getElementById('myElement');
const classAttribute = element.getAttribute('class');
const classArray = classAttribute.split(' ');
  1. Array.from(): этот метод преобразует объект, подобный массиву (например, element.classList), в реальный массив.

Пример:

const element = document.getElementById('myElement');
const classList = element.classList;
const classArray = Array.from(classList);