ตัวอย่าง
ได้รับเนื้อหาข้อความแรก <button> องค์ประกอบในเอกสาร:
var x =
document.getElementsByTagName("BUTTON")[0].textContent;ผลของ x จะเป็น:
Try it Yourself »
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติ textContent หรือส่งกลับเนื้อหาต้นฉบับเดิมของโหนดที่ระบุและลูกหลานของตนทั้งหมด
หากคุณตั้งค่าคุณสมบัติ textContent โหนดเด็ก ๆ จะถูกลบออกไปและแทนที่ด้วยโหนดข้อความเดียวที่มีสตริงที่ระบุ
เคล็ดลับ: บางครั้งคุณสมบัตินี้สามารถนำมาใช้แทนการ nodeValue ทรัพย์สิน แต่จำไว้ว่าคุณสมบัตินี้ส่งกลับข้อความของทุกโหนดลูกได้เป็นอย่างดี
เคล็ดลับ: การตั้งค่าหรือกลับเนื้อหา HTML ขององค์ประกอบใช้ innerHTML คุณสมบัติ
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| textContent | 1.0 | 9.0 | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
กลับเนื้อหาข้อความของโหนด:
node .textContentตั้งเนื้อหาข้อความของโหนด:
node .textContent= text ค่าทรัพย์สิน
| ความคุ้มค่า | ชนิด | ลักษณะ |
|---|---|---|
| ข้อความ | เชือก | ระบุเนื้อหาข้อความของโหนดที่ระบุ |
รายละเอียดทางเทคนิค
| กลับค่า: | เชือกคิดเป็นข้อความของโหนดและลูกหลานของตน |
|---|---|
| DOM รุ่น | ระดับแกนวัตถุ 3 โหนด |
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนเนื้อหาต้นฉบับเดิมของ <p> องค์ประกอบที่มี id = "MYP":
document.getElementById("demo").textContent = "Paragraph changed!"; ลองตัวเอง» ตัวอย่าง
รับทุกเนื้อหาต้นฉบับเดิมของ <ul> องค์ประกอบที่มี id = "myList":
var x = document.getElementById("myList").textContent;ค่าของ x จะเป็น:
Coffee Tea ลองตัวเอง» ตัวอย่าง
ตัวอย่างนี้แสดงให้เห็นถึงความแตกต่างระหว่าง textContent และทรัพย์สิน innerHTML นี้:
function getText() {
var x =
document.getElementById("myList").textContent;
document.getElementById("demo").innerHTML = x;
}
function
getHTML() {
var x =
document.getElementById("myList").innerHTML;
document.getElementById("demo").innerHTML = x;
} ลองตัวเอง»