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

Чтобы реализовать функциональность метода hasClass()jQuery с помощью простого JavaScript, вы можете использовать следующие методы:

  1. Использование classList.contains():

    const element = document.getElementById('yourElementId');
    const hasClass = element.classList.contains('yourClassName');
  2. Использование свойства classNameи регулярных выражений:

    const element = document.getElementById('yourElementId');
    const className = element.className;
    const hasClass = new RegExp('(^|\\s)yourClassName(\\s|$)').test(className);
  3. Использование метода indexOf():

    const element = document.getElementById('yourElementId');
    const className = element.className;
    const hasClass = className.indexOf('yourClassName') > -1;
  4. Использование метода getAttribute():

    const element = document.getElementById('yourElementId');
    const className = element.getAttribute('class');
    const hasClass = className.split(' ').indexOf('yourClassName') > -1;

Эти методы проверяют, существует ли в элементе определенный класс. Замените 'yourElementId'идентификатором нужного элемента и 'yourClassName'именем класса, который вы хотите проверить.