ဂုဏ်သတ္တိ outerHTML

ဂုဏ်သတ္တိ outerHTML သည် ၎င်း၏ tag နှင့်အတူ အရာဝတ္ထု၏ ကုဒ် HTML ကို ရယူပြောင်းလဲခွင့်ပြုသည်။

ဝါကျဖွဲ့ထုံး

javascriptအရာဝတ္ထု.outerHTML;

နမူနာ

ဂုဏ်သတ္တိ outerHTML ကို အသုံးပြု၍ အရာဝတ္ထု၏ စာသားကို ထုတ်ပြကြပါစို့:

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

ကုဒ် လုပ်ဆောင်ချက်၏ ရလဒ်:

javascript'<p id="elem">စာသား</p>'

နမူနာ

စာပိုဒ်အစား ထိုစာသားအတိုင်းပင် ရှိသော div တစ်ခု ဖန်တီးကြပါစို့:

html<p id="elem">စာသား</p>
javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

ကုဒ် လုပ်ဆောင်ချက်၏ ရလဒ်:

html<div>စာသား</div>

ဆက်လက်ကြည့်ရှုရန်

  • အရာဝတ္ထု၏ စာသားကို ပါဝင်သည့် ဂုဏ်သတ္တိ textContent,
  • အရာဝတ္ထု၏ ကုဒ် HTML ကို ပါဝင်သည့် ဂုဏ်သတ္တိ innerHTML,