Hoe OM - Verwyder 'n klas
Leer hoe om 'n klasnaam van 'n element met JavaScript te verwyder.
Klik die knoppie om 'n klas van my af te verwyder!
Verwyder klas
Stap 1) Voeg HTML by:
In hierdie voorbeeld sal ons 'n knoppie gebruik om die "mystyle"-klas van die <div>-element te verwyder met id="myDIV":
Voorbeeld
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Stap 2) Voeg CSS by:
Stileer die gespesifiseerde klasnaam:
Voorbeeld
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Stap 3) Voeg JavaScript by:
Kry die <div>-element met id="myDIV" en verwyder die "mystyle"-klas daaruit:
Voorbeeld
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Wenk: Sien ook Hoe om 'n klas te wissel .
Wenk: Sien ook Hoe om 'n klas by te voeg .
Wenk: Kom meer te wete oor die classList- eienskap in ons JavaScript-verwysing.
Wenk: Kom meer te wete oor die className- eienskap in ons JavaScript-verwysing.