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

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

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

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

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

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

elem.classList.toggle('active');

စာပိုဒ်များကို ပေးထားသည်။ ၎င်းတို့ကို ပထမအကြိမ်နှိပ်လျှင် အနီရောင်၊ ဒုတိယအကြိမ်နှိပ်လျှင် အနက်ရောင်သို့ ပြန်ပြောင်းစေရန် ပြုလုပ်ပါ။