Как удалить класс
- предыдущая страница добавление класса
- следующая страница изменение класса
Учимся, как удалять классы из элементов с помощью 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
- предыдущая страница добавление класса
- следующая страница изменение класса