ဂုဏ်သတ္တိ outerHTML
ဂုဏ်သတ္တိ outerHTML သည် ၎င်း၏ tag နှင့်အတူ
အရာဝတ္ထု၏ ကုဒ် HTML ကို ရယူပြောင်းလဲခွင့်ပြုသည်။
ဝါကျဖွဲ့ထုံး
အရာဝတ္ထု.outerHTML;
နမူနာ
ဂုဏ်သတ္တိ outerHTML ကို အသုံးပြု၍
အရာဝတ္ထု၏ စာသားကို ထုတ်ပြကြပါစို့:
<p id="elem">စာသား</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
ကုဒ် လုပ်ဆောင်ချက်၏ ရလဒ်:
'<p id="elem">စာသား</p>'
နမူနာ
စာပိုဒ်အစား ထိုစာသားအတိုင်းပင် ရှိသော div
တစ်ခု ဖန်တီးကြပါစို့:
<p id="elem">စာသား</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
ကုဒ် လုပ်ဆောင်ချက်၏ ရလဒ်:
<div>စာသား</div>
ဆက်လက်ကြည့်ရှုရန်
-
အရာဝတ္ထု၏ စာသားကို ပါဝင်သည့် ဂုဏ်သတ္တိ
textContent,
-
အရာဝတ္ထု၏ ကုဒ် HTML ကို ပါဝင်သည့် ဂုဏ်သတ္တိ
innerHTML,
