JavaScript တွင် HTML ဇယားကွက် ဆဲလ်များကို ပြင်ဆင်ခြင်း

ဥပမာအားဖြင့်၊ HTML ဇယားကွက် တစ်ခု #table ရှိသည်ဆိုပါစို့။ ကျွန်ုပ်တို့၏ တာဝန်မှာ ဇယားကွက်ရှိ ဆဲလ်တစ်ခုစီအတွက် တစ်ခုခုပြုလုပ်ရန်ဖြစ်သည်၊ ဥပမာ ၎င်းတို့တစ်ခုစီထဲသို့ '!' စာသားကို ရေးထည့်ရန်။

ထိုကဲ့သို့သော ပြဿနာကို ဖြေရှင်းခြင်း၏ အသေးစိတ်အချက်များကို ဆွေးနွေးကြပါစို့။

သင်သိသည့်အတိုင်း၊ HTML ဇယားကွက်တွင် ဒွိဘက်မြင်ဖွဲ့စည်းပုံရှိသည်- အတန်းများရှိပြီး၊ ၎င်းတို့ထဲတွင် ဆဲလ်များရှိသည်။ ကျွန်ုပ်တို့၏ ပြဿနာကို အောက်ပါနည်းဖြင့် ဖြေရှင်းနိုင်သည်- အတန်းများကို ကွင်းဆက်ဖြင့် ဖြတ်သန်းပြီး၊ အတန်းတစ်ခုစီအတွင်း ဆဲလ်များကို ကွင်းဆက်ဖြင့် ဖြတ်သန်းကာ ကျွန်ုပ်တို့လိုအပ်သော လုပ်ဆောင်ချက်ကို လုပ်ဆောင်ရန်။ ဆိုလိုသည်မှာ၊ အဆိုပါ ဖြေရှင်းချက် ပုံစံသည် အတန်းများနှင့် ဆဲလ်များဖြည့်စွက်ကာ ထိုကဲ့သို့သော ဇယားကွက်တစ်ခု ဖန်တီးပုံနှင့် ဆင်တူသည်။

သို့သော်၊ ဤကိစ္စတွင်၊ ကွင်းဆက်နှစ်ထပ် အသုံးပြုရန် မလိုအပ်ပါ- ရိုးရှင်းစွာ td အားလုံးကို ရယူကာ ၎င်းတို့ကို ကွင်းဆက်ဖြင့် ဖြတ်သန်းပြီး လိုအပ်သော လုပ်ဆောင်ချက်ကို လုပ်ဆောင်နိုင်ပါသည်။ ထိုသို့ပြုလုပ်ကြပါစို့-

let tds = document.querySelectorAll('#table td');

for (let td of tds) {
	td.textContent = '!';
}

ဂဏန်းများပါသော HTML ဇယားကွက်တစ်ခုနှင့် ခလုတ်တစ်ခု ရှိသည်ဆိုပါစို့။ ခလုတ်ကို နှိပ်လိုက်သည်နှင့် ဇယားကွက်ရှိ ဆဲလ်တစ်ခုစီတွင် ဂဏန်းကို နှစ်ဆတိုးပေးပါ။