js получить название класса

Question

Aleksey · Accepted Answer

Чтобы получить название класса в JavaScript, нужно использовать свойство `className` элемента или метод `classList` для доступа к списку классов элемента. Примеры: 1. Используя свойство `className`: ```html

``` ```javascript const element = document.querySelector('.my-class'); const className = element.className; console.log(className); // выведет "my-class" ``` 2. Используя метод `classList`: ```html

``` ```javascript const element = document.querySelector('.my-class'); const classList = element.classList; console.log(classList); // выведет объект DOMTokenList console.log(classList[0]); // выведет первый класс элемента, т.е. "my-class" ``` Важно учитывать, что если элемент имеет несколько классов, то возвращаемое свойством `className` значение будет строкой, содержащей все классы через пробел. Если же нужно работать с каждым классом отдельно, то лучше использовать метод `classList`, который возвращает объект `DOMTokenList`, содержащий все классы элемента в виде отдельных строк. Примеры: 1. Получение списка всех классов элемента: ```html

``` ```javascript const element = document.querySelector('div'); const classList = element.classList; console.log(classList); // выведет DOMTokenList ["foo", "bar"] ``` 2. Получение первого класса элемента: ```html

``` ```javascript const element = document.querySelector('div'); const firstClass = element.classList[0]; console.log(firstClass); // выведет "foo" ```

js получить название класса

Ответы

Каталог