Jak to zrobić — usunąć klasę
Dowiedz się, jak usunąć nazwę klasy z elementu za pomocą JavaScript.
Kliknij przycisk, aby usunąć ze mnie zajęcia!
Usuń klasę
Krok 1) Dodaj kod HTML:
W tym przykładzie użyjemy przycisku, aby usunąć klasę "mystyle" z elementu <div> z id="myDIV":
Przykład
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Krok 2) Dodaj CSS:
Nadaj styl określonej nazwie klasy:
Przykład
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Krok 3) Dodaj JavaScript:
Pobierz element <div> z id="myDIV" i usuń z niego klasę "mystyle":
Przykład
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Wskazówka: zobacz także Jak przełączyć klasę .
Wskazówka: zobacz także Jak dodać klasę .
Wskazówka: Dowiedz się więcej o właściwości classList w naszej dokumentacji JavaScript.
Wskazówka: Dowiedz się więcej o właściwości className w naszej dokumentacji JavaScript.