เนื้อหาเอกสาร HTML DOM
ตัวอย่าง
รับเนื้อหา HTML ของเอกสาร:
const myBody = document.body.innerHTML;
เปลี่ยนสีพื้นหลังของเอกสาร:
document.body.style.backgroundColor = "yellow";
เปลี่ยน <body> ของเอกสาร (เขียนทับเนื้อหาที่มีอยู่ทั้งหมด):
document.body.innerHTML = "Some new HTML content";
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติbody
ตั้งค่าหรือส่งคืนองค์ประกอบ <body> ของเอกสาร
คำเตือน
การตั้งค่าbody
คุณสมบัติจะเขียนทับองค์ประกอบทั้งหมดใน <body> ของเอกสาร
บันทึก
ความแตกต่างระหว่างdocument.bodyและdocument.documentElement :
document.body ส่งคืนองค์ประกอบ <body>
document.documentElement ส่งคืนองค์ประกอบ <html>
ดูสิ่งนี้ด้วย:
ไวยากรณ์
คืนทรัพย์สินของร่างกาย:
document.body
ตั้งค่าคุณสมบัติร่างกาย:
document.body = newContent
มูลค่าทรัพย์สิน
Value | Description |
newContent | The new content for the <body> element. |
คืนมูลค่า
พิมพ์ | คำอธิบาย |
วัตถุ | องค์ประกอบเนื้อหาของเอกสาร |
ตัวอย่างเพิ่มเติม
สร้าง <p> องค์ประกอบและผนวกเข้ากับเนื้อหาของเอกสาร:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
รองรับเบราว์เซอร์
document.body
เป็นคุณลักษณะ DOM ระดับ 1 (1998)
ได้รับการสนับสนุนอย่างเต็มที่ในเบราว์เซอร์ทั้งหมด:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |