Üks klass stiilimiseks JavaScriptis
Oletame, et meil on kaks klassi, mille me anname elemendile sõltuvalt selle olekust:
div.active {
color: red;
}
div.passive {
color: black;
}
Tegelikult võib kahe klassi olemasolu siin
olla takistuseks. Sel juhul saame
kirjutada stiilid ümber järgmiselt
läbi valija :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Sel juhul saame mugaval viisil 'lülitada' meie klassi, muutes elemendi aktiivseks või mitteaktiivseks:
elem.classList.toggle('active');
Antud on lõigud. Tehke nii, et iga lõik esimesel klõpsul sellel värvub punaseks, ja teisel klõpsul - värvub tagasi mustaks.
