Մեկ դասի ոճավորում JavaScript-ում

Ենթադրենք, մենք ունենք երկու դաս, որոնք տալիս ենք տարրին՝ կախված նրա վիճակից.

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

Իրականում, երկու դասերի առկայությունը այստեղ կարող է խանգարել: Այս դեպքում մենք կարող ենք վերագրել ոճերը հետևյալ կերպ օգտագործելով :not ընտրողը.

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

Այս դեպքում մենք կկարողանանք հարմար կերպով փոխարկել մեր դասը՝ դարձնելով տարրը ակտիվ կամ ոչ ակտիվ.

javascriptelem.classList.toggle('active');