JavaScript හි හැඩගැන්වීම සඳහා එක් පන්තියක්
අපට පන්ති දෙකක් ඇතැයි සිතන්න, අපි ඒවා මූලද්රව්යයකට ලබා දෙන්නේ එහි තත්වය අනුව:
div.active {
color: red;
}
div.passive {
color: black;
}
ඇත්ත වශයෙන්ම, පන්ති දෙකක පැවැත්ම මෙහි
බාධා විය හැකිය. මෙම අවස්ථාවේදී, අපට
මෙලෙස මාලා තෝරන්නෙක් :not හරහා
හැඩතල නැවත ලිවිය හැකිය:
div.active {
color: red;
}
div:not(active) {
color: black;
}
මෙම අවස්ථාවේදී, අපට පහසු ආකාරයෙන් අපේ පන්තිය ප්රත්යාවර්තනය කළ හැකිය, මූලද්රව්යය සක්රීය හෝ නිෂ්ක්රීය කරමින්:
elem.classList.toggle('active');
ඡේද ලබා දී ඇත. එක් එක් ඡේදය මත පළමු අවස්ථා ක්ලික් කිරීමෙන් එය රතු පැහැයට හැඩගස්වන අතර, දෙවන අවස්ථා ක්ලික් කිරීමෙන් - යළි කළු පැහැයට හැඩගැස්වෙන පරිදි සකසන්න.
