คุณสมบัติ textContent
คุณสมบัติ textContent ช่วยให้สามารถรับ
และเปลี่ยนแปลงข้อความขององค์ประกอบ
ไวยากรณ์
element.textContent;
ตัวอย่าง
มาแสดงข้อความขององค์ประกอบกัน:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
ผลลัพธ์จากการรันโค้ด:
'text'
ตัวอย่าง
มาเปลี่ยนแปลงข้อความขององค์ประกอบกัน:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
ผลลัพธ์จากการรันโค้ด:
<p id="elem">!!!</p>
ตัวอย่าง
หากข้อความขององค์ประกอบมีแท็กอยู่ภายใน เมื่ออ่านค่าจากคุณสมบัติ แท็กเหล่านั้น จะไม่ถูกแสดงออกมา:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
ผลลัพธ์จากการรันโค้ด:
'text'
