Как удалить класс

Учимся, как удалять классы из элементов с помощью JavaScript.

нажмите кнопку, чтобы удалить класс!

удаление класса

шаг 1 - добавить HTML:

В этом примере мы будем использовать кнопку для удаления класса из id="myDIV" удалить из <div> элемента "mystyle" класс:

<button onclick="myFunction()">попробуйте</button>
<div id="myDIV" class="mystyle">
  Это элемент DIV.
</div>

шаг 2 - добавить CSS:

установить стиль для указанного класса:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

шаг 3 - добавить JavaScript:

получить id="myDIV" удалить из <div> элемента "mystyle" класс:

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}

попробуйте сами

связанные страницы

инструкции:Как изменить класс

инструкции:Как добавить класс

руководство пользователя:Атрибут classList HTML DOM Element

руководство пользователя:Атрибут className HTML DOM Element