ตัวอย่าง
เปลี่ยนสีพื้นหลังของเอกสารปัจจุบัน:
document.body.style.backgroundColor = "yellow"; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติร่างกายหรือผลตอบแทนที่ร่างกายของเอกสาร
ในการกลับมาแห่งนี้ส่งกลับ <body> องค์ประกอบของเอกสารปัจจุบัน
ในชุดแห่งนี้เขียนทับองค์ประกอบของเด็กทั้งหมดที่มีอยู่ภายใน <body> องค์ประกอบและแทนที่ด้วยเนื้อหาใหม่ระบุ
เคล็ดลับ: ความแตกต่างระหว่างคุณสมบัตินี้และ document.documentElement คุณสมบัติคือองค์ประกอบ document.body ส่งกลับ <body> องค์ประกอบในขณะที่ document.documentElement กลับ <html> องค์ประกอบ
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| body | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
คืนทรัพย์สินร่างกาย:
document.bodyตั้งค่าคุณสมบัติร่างกาย:
document.body= newContent ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| newContent | ระบุเนื้อหาใหม่สำหรับ <body> |
รายละเอียดทางเทคนิค
| กลับค่า: | การอ้างอิงไปยังวัตถุร่างกายซึ่งหมายถึงการ <body> องค์ประกอบหรือ null ถ้าองค์ประกอบไม่อยู่ |
|---|---|
| DOM รุ่น | ระดับแกนวัตถุ 1 เอกสาร |
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนเนื้อหา HTML ของเอกสารปัจจุบัน (จะเขียนทับองค์ประกอบ HTML ที่มีอยู่ทั้งหมดภายใน <body>):
document.body.innerHTML = "Some new HTML content"; ลองตัวเอง» ตัวอย่าง
สร้าง <p> องค์ประกอบที่มีข้อความบางอย่างและผนวกกับร่างกายของเอกสาร:
var x = document.createElement("P"); // Create a <p>
element
var t = document.createTextNode("This is a
paragraph."); // Create a text node
x.appendChild(t);
// Append the text to <p>
document.body.appendChild(x);
// Append <p> to <body> ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML: HTML <body> แท็ก
อ้างอิง JavaScript: วัตถุ HTML DOM ร่างกาย
<วัตถุเอกสาร