Satu Kelas untuk Gaya dalam JavaScript
Katakan kita mempunyai dua kelas, yang kita berikan kepada elemen bergantung pada keadaannya:
div.active {
color: red;
}
div.passive {
color: black;
}
Sebenarnya, kewujudan dua kelas di sini
boleh mengganggu. Dalam kes ini, kita boleh
menulis semula gaya seperti berikut
melalui pemilih :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Dalam kes ini, kita boleh dengan cara yang mudah menogol kelas kita, menjadikan elemen aktif atau tidak aktif:
elem.classList.toggle('active');
Diberi perenggan. Buat supaya setiap perenggan pada klik pertama padanya diwarnakan dengan warna merah, dan pada klik kedua - diwarnakan semula dengan warna hitam.
