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

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

  1. Использование свойства classList:

    var element = document.getElementById("elementId");
element.classList.add("className");

  2. Использование свойства className:

    var element = document.getElementById("elementId");
element.className += " className";

  3. Использование метода setAttribute:

    var element = document.getElementById("elementId");
element.setAttribute("class", "className");

  4. Использование библиотеки jQuery:

    $("#elementId").addClass("className");

Все эти методы позволяют динамически добавлять класс к элементу HTML с помощью JavaScript. Замените «elementId» фактическим идентификатором элемента, на который вы хотите настроить таргетинг, а «className» — именем класса, который вы хотите добавить.