textContent ဂုဏ်သတ္တိ

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

Syntax

javascriptelement.textContent;

ဥပမာ

အစိတ်အပိုင်း၏ စာသားကို ထုတ်ပြကြည့်ရအောင်:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

ကုဒ်အလုပ်လုပ်ဆောင်မှု၏ ရလဒ်:

javascript'text'

ဥပမာ

အစိတ်အပိုင်း၏ စာသားကို ပြောင်းလဲကြည့်ရအောင်:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

ကုဒ်အလုပ်လုပ်ဆောင်မှု၏ ရလဒ်:

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

ဥပမာ

အကယ်၍ အစိတ်အပိုင်း၏ စာသားတွင် tags များ ပါဝင်ပါက, ထို tag များသည် ဂုဏ်သတ္တိကို ဖတ်သည့်အခါ ထုတ်မပြပါ:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

ကုဒ်အလုပ်လုပ်ဆောင်မှု၏ ရလဒ်:

javascript'text'

ဤအကြောင်းကိုလည်း ကြည့်ပါ

  • အစိတ်အပိုင်း၏ HTML code ပါရှိသည့်
    innerHTML ဂုဏ်သတ္တိ
  • အပြင်ဘက် HTML code ပါရှိသည့်
    outerHTML ဂုဏ်သတ္တိ