คุณสมบัติ textContent

คุณสมบัติ textContent ช่วยให้สามารถรับ และเปลี่ยนแปลงข้อความขององค์ประกอบ

ไวยากรณ์

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>

ตัวอย่าง

หากข้อความขององค์ประกอบมีแท็กอยู่ภายใน เมื่ออ่านค่าจากคุณสมบัติ แท็กเหล่านั้น จะไม่ถูกแสดงออกมา:

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

ผลลัพธ์จากการรันโค้ด:

javascript'text'

ดูเพิ่มเติม