JavaScript တွင် အလှဆင်ရန် အတန်းတစ်ခုတည်း

ကျွန်ုပ်တို့တွင် ၎င်း၏အခြေအနေပေါ် မူတည်၍ element ကို ပေးသော အတန်းနှစ်ခု ရှိသည်ဆိုပါစို့-

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

တကယ်တော့ ဤနေရာတွင် အတန်းနှစ်ခု ရှိခြင်းက အနှောင့်အယှက်ဖြစ်စေနိုင်သည်။ ဤအခြေအနေတွင် ကျွန်ုပ်တို့သည် အောက်ပါအတိုင်း :not selector မှတစ်ဆင့် style များကို ပြန်ရေးနိုင်သည်-

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

ဤသို့ဖြင့် ကျွန်ုပ်တို့သည် သက်ဆိုင်ရာ element ကို active သို့မဟုတ် inactive ဖြစ်စေလျက် သက်ဆိုင်ရာ အတန်းကို သက်တောင့်သက်သာ ပြောင်းလဲနိုင်မည်-

javascriptelem.classList.toggle('active');