ერთი კლასი სტილიზაციისთვის JavaScript-ში

დავუშვათ, გვაქვს ორი კლასი, რომელსაც ვანიჭებთ ელემენტს მისი მდგომარეობის მიხედვით:

cssdiv.active {
  color: red;
}
div.passive {
  color: black;
}

სინამდვილეში, ორი კლასის არსებობა აქ შეიძლება ხელი შეგვიშლის. ამ შემთხვევაში, ჩვენ შეგვიძლია გადავწეროთ სტილები შემდეგნაირად სელექტორის :not მეშვეობით:

cssdiv.active {
  color: red;
}
div:not(.active) {
  color: black;
}

ამ შემთხვევაში, ჩვენ შეგვიძლია მოხერხებულად გადავნაცვლოთ ჩვენი კლასი, რათა ელემენტი გავხადოთ აქტიური ან არააქტიური:

javascriptelem.classList.toggle('active');