Hoe OM - Voeg 'n klas by
Leer hoe om 'n klasnaam by 'n element met JavaScript te voeg.
Klik op die knoppie om 'n klas by my te voeg!
Voeg klas by
Stap 1) Voeg HTML by:
Voeg 'n klasnaam by die div-element met id="myDIV" (in hierdie voorbeeld gebruik ons 'n knoppie om die klas by te voeg).
Voorbeeld
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
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 voeg die "mystyle"-klas daarby:
Voorbeeld
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
Wenk: Sien ook Hoe om 'n klas te wissel .
Wenk: Sien ook Hoe om 'n klas te verwyder .
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.