Как проверить класс у элемента в JavaScript

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

element.classList.contains(className);

В этом методе вы передаете className методу contains() свойства classList элемента. Если элемент содержит className , метод возвращает true . В противном случае возвращается false .

Например, предположим, что у вас есть следующий элемент <div> с двумя классами: secondary и info :

<div class="secondary info">Item</div>

Чтобы проверить, содержит ли элемент <div> класс secondary , используйте следующий код:

const div = document.querySelector('div');
div.classList.contains('secondary'); // true

В этом примере мы используем метод querySelector() для выбора div и метод contains() для проверки, содержит ли его список классов вторичный класс.

В следующем примере возвращается false , так как элемент <div> не имеет класса error :

const div = document.querySelector('div');
div.classList.contains('error'); // false