วัตถุ HTML DOM Body

ออบเจ็กต์ HTML DOM Body เชื่อมโยงกับองค์ประกอบ HTML แอตทริบิวต์และค่าที่ตั้งไว้ในแท็กเนื้อหาจะคงอยู่ตลอดทั้งเอกสาร HTML เว้นแต่จะถูกแทนที่โดยโหนดย่อยใดๆ สามารถใช้วัตถุเนื้อหาเพื่อเข้าถึงและจัดการคุณสมบัติเหล่านี้และค่าของคุณสมบัติเหล่านี้ได้

คุณสมบัติ

ต่อไปนี้เป็นคุณสมบัติของวัตถุ HTML DOM Body -

หมายเหตุ − คุณสมบัติด้านล่างไม่รองรับใน HTML5 . ใช้ CSS แทน −

คุณสมบัติ	คำอธิบาย
aLink	การตั้งค่าหรือคืนค่าสีลิงก์ที่ใช้งานอยู่ในเอกสาร
พื้นหลัง	การตั้งค่าหรือส่งคืนภาพพื้นหลังสำหรับเอกสาร
bgColor	การตั้งค่าหรือคืนค่าสีพื้นหลังของเอกสาร
ลิงค์	การตั้งค่าหรือคืนค่าสีของลิงก์ที่ยังไม่ได้เยี่ยมชมในเอกสาร
ข้อความ	การตั้งค่าหรือคืนค่าสีข้อความของเอกสาร
vLink	การตั้งค่าหรือคืนค่าสีของลิงก์ที่เข้าชมในเอกสาร

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การสร้างวัตถุร่างกาย −

var x = document.createElement("BODY");

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับวัตถุเนื้อหา HTML DOM -

<!DOCTYPE html>
<html>
<head>
<title>aside tag</title>
<h2>HTML DOM BODY OBJECT</h2>
<button onclick="createBody()">CREATE</button>
<script>
   function createBody() {
      var x = document.createElement("BODY");
      x.setAttribute("id", "myBody");
      document.body.appendChild(x);
      var Para = document.createElement("P");
      var text = document.createTextNode("A sample paragraph
      created as child of body");
      Para.appendChild(text);
      document.getElementById("myBody").appendChild(Para);
   }
</script>
</head>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

วัตถุ HTML DOM Body

เมื่อคลิกสร้าง -

วัตถุ HTML DOM Body

ในตัวอย่างข้างต้น −

เราได้สร้างปุ่ม CREATE เพื่อเรียกใช้ฟังก์ชัน createBody() -

<button onclick="createBody()">CREATE</button>

เมธอด createBody() สร้างองค์ประกอบ และกำหนดให้กับตัวแปร x การใช้เมธอด setAttribute() เราตั้งค่า id ของร่างกายเป็น "myBody" และผนวกองค์ประกอบเนื้อหาโดยใช้เมธอด appendChild() เป็นลูกของเอกสาร องค์ประกอบอื่น

(ย่อหน้า) จะถูกสร้างขึ้นด้วย textNode "ย่อหน้าตัวอย่างที่สร้างขึ้นเป็นลูกของร่างกาย" โหนดข้อความนั้นถูกต่อท้ายเป็นรายการย่อยของย่อหน้า สุดท้ายใช้รหัสขององค์ประกอบ ย่อหน้าจะถูกผนวกเข้ากับเนื้อหา

function createBody() {
   var x = document.createElement("BODY");
   x.setAttribute("id", "myBody");
   document.body.appendChild(x);
   var Para = document.createElement("P");
   var text = document.createTextNode("A sample paragraph created as child of body");
   Para.appendChild(text);
   document.getElementById("myBody").appendChild(Para);
}