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