JavaScript හි හැඩගැන්වීම සඳහා එක් පන්තියක්

අපට පන්ති දෙකක් ඇතැයි සිතන්න, අපි ඒවා මූලද්‍රව්‍යයකට ලබා දෙන්නේ එහි තත්වය අනුව:

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

ඇත්ත වශයෙන්ම, පන්ති දෙකක පැවැත්ම මෙහි බාධා විය හැකිය. මෙම අවස්ථාවේදී, අපට මෙලෙස මාලා තෝරන්නෙක් :not හරහා හැඩතල නැවත ලිවිය හැකිය:

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

මෙම අවස්ථාවේදී, අපට පහසු ආකාරයෙන් අපේ පන්තිය ප්‍රත්‍යාවර්තනය කළ හැකිය, මූලද්‍රව්‍යය සක්‍රීය හෝ නිෂ්ක්‍රීය කරමින්:

javascriptelem.classList.toggle('active');