innerHTML ဂုဏ်သတ္တိ
innerHTML ဂုဏ်သတ္တိသည် အရာ၏ HTML ကုဒ်ကို
ရယူပြောင်းလဲနိုင်စေသည်။
ဖွဲ့စည်းပုံ
အရာ.innerHTML;
ဥပမာ
အရာ၏ HTML ကုဒ်ကို ထုတ်ကြည့်ရအောင်။
<p id="elem"><b>စာသား</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
ကုဒ် Run ပြီးရရှိသော ရလဒ်။
'<b>စာသား</b>'
ဥပမာ
HTML ကုဒ်အသစ်သို့ ပြောင်းလဲကြည့်ရအောင်။
<p id="elem"><b>စာသား</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
ကုဒ် Run ပြီးရရှိသော ရလဒ်။
<p id="elem"><i>!!!</i></p>
ဒါလဲကြည့်ပါ
-
textContentဂုဏ်သတ္တိ,
အရာ၏ စာသားကို ပါရှိသည် -
outerHTMLဂုဏ်သတ္တိ,
အရာ၏ အပြင်ဘက် HTML ကုဒ်ကို ပါရှိသည်