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

[html]<button onclick="myFunction()">Удалить класс</button>

<div id="myDIV" class="mystyle">
  Нажмите кнопку, чтобы удалить класс от меня!
</div>

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

<script>
function myFunction() {
    var element = document.getElementById("myDIV");
    element.classList.remove("mystyle");
}
</script>
[/html]
Шаг 1) добавить HTML:
В этом примере мы будем использовать кнопку для удаления класса "myStyle" из элемента <div> с идентификатором = "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> с идентификатором = "myDIV" и удалите из него класс "myStyle":

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

Кросс-браузерное решение

function myFunction() {
    var element = document.getElementById("myDIV");
    element.className = element.className.replace(/\bmystyle\b/g, "");
}

Подпись автора

вопрос по ◆ВТ◆ в личку

вопрос по ◆ВТ◆ в тему