जावास्क्रिप्ट में स्टाइलिंग के लिए एक वर्ग

मान लीजिए कि हमारे पास दो वर्ग हैं, जिन्हें हम तत्व को उसकी स्थिति के आधार पर देते हैं:

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

वास्तव में, यहाँ दो वर्गों की उपस्थिति बाधा डाल सकती है। इस मामले में हम स्टाइल्स को :not सेलेक्टर के माध्यम से निम्नलिखित तरीके से फिर से लिख सकते हैं:

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

इस मामले में, हम अपने वर्ग को सुविधाजनक तरीके से टॉगल कर पाएंगे, तत्व को सक्रिय या निष्क्रिय बनाते हुए:

javascriptelem.classList.toggle('active');