Đối tượng HTML DOM Body

Đối tượng HTML DOM Body được liên kết với phần tử HTML . Các thuộc tính và giá trị của chúng được đặt bên trong thẻ body sẽ nằm trong suốt tài liệu HTML trừ khi chúng bị ghi đè bởi bất kỳ nút con nào của nó.

Thuộc tính

Sau đây là các thuộc tính cho đối tượng HTML DOM Body -

Lưu ý - Các thuộc tính bên dưới không được hỗ trợ trong HTML5. Hãy sử dụng CSS để thay thế -

Thuộc tính	Mô tả
aLink	Để đặt hoặc trả lại màu liên kết hiện hoạt trong tài liệu.
nền	Để đặt hoặc trả lại hình nền cho tài liệu
bgColor	Để đặt hoặc trả lại màu nền của tài liệu.
liên kết	Để đặt hoặc trả lại màu cho các liên kết không được chọn trong tài liệu.
văn bản	Để đặt hoặc trả về màu văn bản của tài liệu
vLink	Để đặt hoặc trả lại màu liên kết đã truy cập trong tài liệu.

Cú pháp

Sau đây là cú pháp cho -

Tạo đối tượng body -

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

Ví dụ

Hãy để chúng tôi xem một ví dụ cho đối tượng nội dung 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Đối tượng HTML DOM Body

Khi nhấp vào tạo -

Đối tượng HTML DOM Body

Trong ví dụ trên -

Chúng tôi đã tạo một nút CREATE để gọi hàm createBody () -

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

Phương thức createBody () tạo phần tử và gán nó cho biến x. Sử dụng phương thức setAttribute (), chúng tôi đặt id của phần thân là “myBody” và nối phần tử body bằng phương thức appendChild () làm phần tử con của tài liệu. Một phần tử khác

(đoạn văn) sau đó được tạo bằng textNode “Một đoạn văn mẫu được tạo dưới dạng phần tử con của nội dung”. Nút văn bản đó được thêm vào dưới dạng con của đoạn văn. Cuối cùng, sử dụng id của phần tử , đoạn văn được nối vào phần nội dung.

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);
}