Методы добавления классов в Vanilla JavaScript для элементов HTML

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

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

    const element = document.querySelector('.element');
    element.classList.add('new-class');
  2. Использование className:

    const element = document.querySelector('.element');
    element.className += ' new-class';
  3. Использование setAttribute():

    const element = document.querySelector('.element');
    element.setAttribute('class', element.getAttribute('class') + ' new-class');
  4. Использование classList.toggle():

    const element = document.querySelector('.element');
    element.classList.toggle('new-class');
  5. Использование classList.replace():

    const element = document.querySelector('.element');
    element.classList.replace('old-class', 'new-class');

Эти методы позволяют добавлять, переключать или заменять классы элемента HTML с помощью стандартного JavaScript.