JavaScript တွင် CSS class များ၏ အဆင်မပြေမှု

မှတ်ချက်များကို ပုံစံချဖို့ class များ အချို့ရှိသည်ဆိုပါစို့။

.success {
	color: green;
}
.warning {
	color: orange;
}
.error {
	color: red;
}

ဒြပ်စင်တစ်ခုတွင် အောင်မြင်မှုမှတ်ချက်ကို ဖော်ပြပြီး ၎င်းအတွက် သက်ဆိုင်ရာ အောင်မြင်မှု class ကို သတ်မှတ်သည်ဆိုပါစို့။

elem.classList.add('success');

ယခု အဆိုပါဒြပ်စင်ထဲတွင် အမှားမှတ်ချက်ကို ဖော်ပြပြီး ၎င်းအတွက် သက်ဆိုင်ရာ အမှား class ကို သတ်မှတ်သည်ဆိုပါစို့။

elem.classList.add('error');

ရလဒ်အနေနှင့် ဒြပ်စင်ထဲတွင် တစ်ခုနှင့်တစ်ခု ချို့ယွင်းချက်ဖြစ်နေသော class နှစ်ခု ရှိနေမည်။

<div id="elem" class="success error">
	text
</div>

ဆိုလိုသည်မှာ class အသစ်ထည့်ခြင်းမပြုမီ၊ ယခင်ရှိပြီးသား class ကို အရင်ဖျက်ရန် လိုအပ်သည်။

elem.classList.remove('success');
elem.classList.add('error');

ဤသို့လုပ်ခြင်းသည် အဆင်ပြေလှသည်မဟုတ်ပါ။ အဘယ်ကြောင့်ဆိုသော် ယခင်က မည်သည့် class ရှိခဲ့သည်ကို ကျွန်ုပ်တို့ မသိနိုင်သဖြင့်၊ class အားလုံးကို အစဉ်လိုက် ဖျက်ပစ်ရန် လိုအပ်လာမည်။

elem.classList.remove('success');
elem.classList.remove('warning');
elem.classList.add('error');

�င်ပူတစ်ခု ရှိသည်။ ၎င်းအား အာရုံစိုက်မှု လက်လွတ်သွားသောအခါ၊ ထည့်သွင်းထားသော စာလုံးအရေအတွက်သည် 9 လုံးထက် မပိုကြောင်း စစ်ဆေးပါ။ အကယ်၍ မပိုပါက၊ အင်ပူ၏ အနားသတ်ကို အစိမ်းရောင်ခြယ်ပါ။ အကယ်၍ ပိုနေပါက၊ အနီရောင်ခြယ်ပါ။