คุณสมบัติ HTML DOM body ที่เกี่ยวข้องกับองค์ประกอบ HTML
ใช้เพื่อตั้งค่าหรือส่งคืนค่าคุณสมบัติขององค์ประกอบ ส่งคืนองค์ประกอบ สามารถใช้เพื่อเปลี่ยนเนื้อหาภายในองค์ประกอบ คุณสมบัตินี้สามารถเขียนทับเนื้อหาองค์ประกอบลูกที่อยู่ในองค์ประกอบ ได้ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติของร่างกาย −
document.body = New_Content
ที่นี่ New_Content คือเนื้อหาใหม่สำหรับองค์ประกอบ
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติ HTML DOM Body -
<!DOCTYPE html>
<html>
<body>
<h2>Sample HEADING</h2>
<p>Click the below button to overwrite child content</p>
<button onclick="OverWrite()">Overwrite Content</button>
<p>A sample paragraph</p>
<script>
function OverWrite() {
document.body.innerHTML = "All the content inside the body tag is overwritten";
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิก “เขียนทับเนื้อหา” -
ในตัวอย่างข้างต้น −
เรามีองค์ประกอบต่างๆ ภายในองค์ประกอบ
เช่น องค์ประกอบองค์ประกอบ
สององค์ประกอบ และปุ่ม ปุ่ม "เขียนทับเนื้อหา" จะเรียกใช้ฟังก์ชัน OverWrite()
<button>Overwrite Content</button>
ฟังก์ชัน OverWrite() รับ innerHtml ของเนื้อหาเอกสารและเปลี่ยนข้อความเป็น "เนื้อหาทั้งหมดภายในแท็ก body ถูกเขียนทับ" สิ่งนี้จะเขียนทับเนื้อหาทั้งหมดภายในเนื้อหาโดยพื้นฐานแล้วจะลบองค์ประกอบทั้งหมดและให้แสดงเฉพาะข้อความเท่านั้น
function OverWrite() {
document.body.innerHTML = "All the content inside the body tag is overwritten";
} 