Darasa Moja kwa Staili katika JavaScript
Acha tuwe na madarasa mawili ambayo tunayapa kipengele kulingana na hali yake:
div.active {
color: red;
}
div.passive {
color: black;
}
Kwa kweli uwepo wa madarasa mawili hapa
unaweza kukwaza. Katika kesi hii tunaweza
kuandika upya staili kama ifuatavyo
kupitia kichaguzi :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Katika kesi hii tunaweza kwa njia rahisi kubadili-badili darasa letu, tukifanya kipengele kiwe aktivu au kisivyo aktivu:
elem.classList.toggle('active');
Kuna aya. Fanya ili kila aya kwa kubofya kwanza juu yake ipake kwa rangi nyekundu, na kwa kubofya mara ya pili - ipake tena kwa weusi.
