innerHTML ဂုဏ်သတ္တိ

innerHTML ဂုဏ်သတ္တိသည် အရာ၏ HTML ကုဒ်ကို ရယူပြောင်းလဲနိုင်စေသည်။

ဖွဲ့စည်းပုံ

javascriptအရာ.innerHTML;

ဥပမာ

အရာ၏ HTML ကုဒ်ကို ထုတ်ကြည့်ရအောင်။

html<p id="elem"><b>စာသား</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

ကုဒ် Run ပြီးရရှိသော ရလဒ်။

javascript'<b>စာသား</b>'

ဥပမာ

HTML ကုဒ်အသစ်သို့ ပြောင်းလဲကြည့်ရအောင်။

html<p id="elem"><b>စာသား</b></p>
javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

ကုဒ် Run ပြီးရရှိသော ရလဒ်။

html<p id="elem"><i>!!!</i></p>

ဒါလဲကြည့်ပါ

  • textContent ဂုဏ်သတ္တိ,
    အရာ၏ စာသားကို ပါရှိသည်
  • outerHTML ဂုဏ်သတ္တိ,
    အရာ၏ အပြင်ဘက် HTML ကုဒ်ကို ပါရှိသည်