Удаление класса CSS с помощью JavaScript из элемента HTML

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

Метод 1: использование метода удаления()

document.getElementById("myDropdown").classList.remove("show");

Метод 2: использование toggle()

document.getElementById("myDropdown").classList.toggle("show");

Метод 3: использование replace()

var element = document.getElementById("myDropdown");
element.className = element.className.replace(/\bshow\b/g, "");

Метод 4: использование contains() и remove()

var element = document.getElementById("myDropdown");
if (element.classList.contains("show")) {
  element.classList.remove("show");
}

Метод 5. Использование функций Split(), Filter() и join()

var element = document.getElementById("myDropdown");
element.className = element.className.split(" ").filter(function(className) {
  return className !== "show";
}).join(" ");