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

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

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

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

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

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

javascriptconsole.log(elem.textContent);

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

javascriptelem.textContent = '!!!';

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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

Задание 6

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