Մեկ դասի ոճավորում JavaScript-ում
Ենթադրենք, մենք ունենք երկու դաս, որոնք տալիս ենք տարրին՝ կախված նրա վիճակից.
div.active {
color: red;
}
div.passive {
color: black;
}
Իրականում, երկու դասերի առկայությունը այստեղ
կարող է խանգարել: Այս դեպքում մենք կարող ենք
վերագրել ոճերը հետևյալ կերպ
օգտագործելով :not ընտրողը.
div.active {
color: red;
}
div:not(.active) {
color: black;
}
Այս դեպքում մենք կկարողանանք հարմար կերպով փոխարկել մեր դասը՝ դարձնելով տարրը ակտիվ կամ ոչ ակտիվ.
elem.classList.toggle('active');
Տրված են պարբերություններ: Արվի այնպես, որ յուրաքանչյուր պարբերություն առաջին կլիկի դեպքում գունավորվի կարմիր, իսկ երկրորդ կլիկի դեպքում՝ վերադառնա սև գույնի:
