Измените класс элемента с помощью JavaScript

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

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

    document.getElementById("elementId").className = "newClassName";

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

    document.getElementById("elementId").classList.add("newClassName");
document.getElementById("elementId").classList.remove("oldClassName");
document.getElementById("elementId").classList.toggle("className");

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

    document.getElementById("elementId").setAttribute("class", "newClassName");

  4. Использование jQuery (популярной библиотеки JavaScript):

    $("#elementId").addClass("newClassName");
$("#elementId").removeClass("oldClassName");
$("#elementId").toggleClass("className");

Эти методы позволяют динамически изменять класс элемента, что может быть полезно для изменения внешнего вида или поведения элементов на веб-странице.