जावास्क्रिप्ट में स्टाइलिंग के लिए एक वर्ग
मान लीजिए कि हमारे पास दो वर्ग हैं, जिन्हें हम तत्व को उसकी स्थिति के आधार पर देते हैं:
div.active {
color: red;
}
div.passive {
color: black;
}
वास्तव में, यहाँ दो वर्गों की उपस्थिति
बाधा डाल सकती है। इस मामले में हम
स्टाइल्स को :not सेलेक्टर के माध्यम से
निम्नलिखित तरीके से फिर से लिख सकते हैं:
div.active {
color: red;
}
div:not(active) {
color: black;
}
इस मामले में, हम अपने वर्ग को सुविधाजनक तरीके से टॉगल कर पाएंगे, तत्व को सक्रिय या निष्क्रिय बनाते हुए:
elem.classList.toggle('active');
पैराग्राफ दिए गए हैं। ऐसा करें कि प्रत्येक पैराग्राफ पर पहली क्लिक करने पर वह लाल रंग में हो जाए, और दूसरी क्लिक करने पर - वापस काले रंग में हो जाए।
