Как сделать - Удаление класса
Узнать, как удалить имя класса из элемента с помощью JavaScript.
Нажмите кнопку, чтобы удалить класс из меня!
Удаление класса
Шаг 1) Добавить HTML:
В этом примере мы будем использовать кнопку для удаления класса "mystyle" из элемента <div> с id="myDIV":
Пример
<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:
Получите элемент <div> с id="myDIV" и удалите из него класс "mystyle":
Пример
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Редактор кода »
Кросс-браузерное решение
Примечание: Свойство classList не поддерживается в Internet Explorer 9. Следующий код будет работать во всех браузерах:
Пример
function myFunction() {
var element = document.getElementById("myDIV");
element.className = element.className.replace(/\bmystyle\b/g, "");
}
Редактор кода »
Совет: Также смотреть Как переключить класс.
Совет: Также смотреть Как добавить класс.
Совет: Узнать больше о свойстве classList в нашей справочнике JavaScript.
Совет: Узнать больше о свойстве className в нашей справочнике JavaScript.
