Një klasë për stilizim në JavaScript
Le të supozojmë se kemi dy klasa, të cilat ua japim elementit në varësi të gjendjes së tij:
div.active {
color: red;
}
div.passive {
color: black;
}
Në fakt, prania e dy klasave këtu
mund të jetë pengesë. Në këtë rast ne mund
të rishkruajmë stiljet si më poshtë
përmes selektorit :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Në këtë rast ne mundemi në mënyrë të përshtatshme të ndërrojmë klasën tonë, duke e bërë elementin aktiv ose joaktiv:
elem.classList.toggle('active');
Janë dhënë paragrafët. Bëni që çdo paragraf me klikimin e parë mbi të të ngjyroset në të kuqe, kurse me klikimin e dytë - të ngjyroset përsëri në të zezë.
