JavaScript'te Stil Vermek için Tek Bir Sınıf
Durumuna bağlı olarak bir öğeye verdiğimiz iki sınıfımız olduğunu varsayalım:
div.active {
color: red;
}
div.passive {
color: black;
}
Aslında burada iki sınıfın varlığı
engelleyici olabilir. Bu durumda
stilleri :not
seçici kullanarak aşağıdaki şekilde yeniden yazabiliriz:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Bu durumda, sınıfımızı kolay bir şekilde değiştirerek öğeyi aktif veya aktif olmayan yapabiliriz:
elem.classList.toggle('active');
Paragraflar verilmiştir. Her paragrafın üzerine ilk tıklandığında kırmızı renge boyanmasını, ikinci tıklandığında ise tekrar siyaha boyanmasını sağlayın.
