Как сделать - удалить класс
Узнайте, как удалить имя класса из элемента с помощью JavaScript.
Нажмите кнопку, чтобы удалить класс от меня!
Удалить класс
Шаг 1) Добавьте HTML:
В этом примере мы будем использовать кнопку для удаления класса «mystyle» из элемента <div> с id="myDIV":
Пример
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Шаг 2) Добавьте CSS:
Стиль указанного имени класса:
Пример
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Шаг 3) Добавьте JavaScript:
Получите элемент <div> с id="myDIV" и удалите из него класс "mystyle":
Пример
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Совет: См. также Как переключить класс .
Совет: См. также Как добавить класс .
Совет: Узнайте больше о свойстве classList в нашем Справочнике по JavaScript.
Совет: Узнайте больше о свойстве className в нашем Справочнике по JavaScript.