Viena klase stilizēšanai JavaScript
Pieņemsim, ka mums ir divas klases, kuras mēs piešķiram elementam atkarībā no tā stāvokļa:
div.active {
color: red;
}
div.passive {
color: black;
}
Patiesībā divu klasešu klātbūtne šeit
var traucēt. Šajā gadījumā mēs varam
pārrakstīt stilus šādi
izmantojot selektoru :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Šajā gadījumā mēs varēsim ērtā veidā pārslēgt mūsu klasi, padarot elementu aktīvu vai neaktīvu:
elem.classList.toggle('active');
Doti rindkopas. Izveidojiet tā, lai katra rindkopa pēc pirmā klikšķa uz tās iekrāsotos sarkanā krāsā, bet pēc otrā klikšķa - atgrieztos melnā krāsā.
