JavaScript တွင် အစိတ်အပိုင်းများ၏ စာသားများကို အလုပ်လုပ်ခြင်း

DOM အစိတ်အပိုင်းများတွင် ထို အစိတ်အပိုင်းများ၏ စာသားကို ဖတ်ရှုခွင့်ပြုသော textContent property တစ်ခု ရှိပါသည်။ ဥပမာတစ်ခုဖြင့် ကြည့်ရှုကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါ tag တစ်ခု ရှိသည်ဟု ယူဆပါစို့-

<p id="elem">text</p>

ဤ tag အား variable တစ်ခုအတွင်း ရည်ညွှန်းချက်အဖြစ် ရယူကြပါစို့-

let elem = document.querySelector('#elem');

tag ၏ စာသားကို ဖတ်ရှုကြပါစို့-

console.log(elem.textContent);

tag ၏ စာသားကို ပြောင်းလဲကြပါစို့-

elem.textContent = '!!!';

စာပိုဒ်တစ်ခုနှင့် ခလုတ်တစ်ခု ရှိပါသည်။ ခလုတ်အား ကလစ်နှိပ်ခြင်းဖြင့် စာပိုဒ်၏ စာသားကို ဖတ်ရှုပြီး console တွင် ထုတ်ပြပါ။

စာပိုဒ်တစ်ခုနှင့် ခလုတ်တစ်ခု ရှိပါသည်။ ခလုတ်အား ကလစ်နှိပ်ခြင်းဖြင့် စာပိုဒ်အတွင်း စာသားအသစ်တစ်ခုကို ရေးသားပါ။

ဂဏန်းအချို့ကို ၎င်းတို့၏ စာသားအဖြစ် ပါရှိသော စာပိုဒ်နှစ်ခုနှင့် ခလုတ်တစ်ခု ရှိပါသည်။ ခလုတ်အား နှိပ်ခြင်းဖြင့် သိမ်းဆည်းထားသော ဂဏန်းများ၏ ပေါင်းလဒ်ကို စက်ရုပ်ပြတင်းပေါက်တွင် ထုတ်ပြပါ။

ဂဏန်းများပါသော စာပိုဒ်သုံးခု၊ div တစ်ခုနှင့် ခလုတ်တစ်ခု ရှိပါသည်။ ခလုတ်အား နှိပ်ခြင်းဖြင့် div ၏ စာသားအတွင်း ဂဏန်းများ၏ ပေါင်းလဒ်ကို ရေးသားပါ။

ဂဏန်းတစ်ခုပါသော စာပိုဒ်တစ်ခုနှင့် ခလုတ်တစ်ခု ရှိပါသည်။ ခလုတ်အား နှိပ်ခြင်းဖြင့် စာပိုဒ်၏ တန်ဖိုးသို့ တစ်ခုကို ပေါင်းထည့်ပြီး ရရှိလာသော ဂဏန်းကို ပြန်၍ ရေးသားပါ။

စာသားပါသော စာပိုဒ်တစ်ခုနှင့် ခလုတ်တစ်ခု ရှိပါသည်။ ခလုတ်အား နှိပ်ခြင်းဖြင့် စာပိုဒ်၏ စာသား အဆုံးတွင် အာမေဋိတ်အမှတ်အသားကို ရေးသားပါ။