Đối tượng Body trong HTML DOM liên quan đến phần tử HTML <body>. Các thuộc tính và giá trị đặt bên trong thẻ body tồn tại xuyên suốt tài liệu HTML trừ khi bị ghi đè bởi node con. Đối tượng body có thể dùng để truy cập và thao tác các thuộc tính và giá trị này.
Thuộc tính
Dưới đây là các thuộc tính cho đối tượng Body HTML DOM:
Lưu ý - Các thuộc tính dưới không được hỗ trợ trong HTML5. Hãy dùng CSS thay thế:
| Thuộc tính | Mô tả |
|---|---|
| aLink | Thiết lập hoặc trả về màu link đang active trong tài liệu |
| background | Thiết lập hoặc trả về hình ảnh nền cho tài liệu |
| bgColor | Thiết lập hoặc trả về màu nền của tài liệu |
| link | Thiết lập hoặc trả về màu link chưa truy cập trong tài liệu |
| text | Thiết lập hoặc trả về màu văn bản của tài liệu |
| vLink | Thiết lập hoặc trả về màu link đã truy cập trong tài liệu |
Cú pháp
Tạo đối tượng body
var x = document.createElement("BODY");
Ví dụ
Dưới đây là ví dụ cho đối tượng HTML DOM body:
<!DOCTYPE html> <html> <head> <title>aside tag</title> <h2>HTML DOM BODY OBJECT</h2> <button onclick="createBody()">TẠO</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("Một đoạn văn mẫu được tạo làm con của body"); Para.appendChild(text); document.getElementById("myBody").appendChild(Para); } </script> </head> </html>
Kết quả
Ví dụ này sẽ cho kết quả sau:
Khi click TẠO:
Giải thích ví dụ:
Tạo nút TẠO gọi createBody():
<button onclick="createBody()">TẠO</button>
createBody() tạo phần tử <body> gán cho x. Dùng setAttribute() đặt id “myBody” và appendChild() thêm body element làm con của document. Tạo phần tử <p> với textNode “Một đoạn văn mẫu được tạo làm con của body”. Text node thêm làm con của paragraph. Cuối cùng dùng id của <body> thêm paragraph vào body:
function createBody() { var x = document.createElement("BODY"); x.setAttribute("id", "myBody"); document.body.appendChild(x); var Para = document.createElement("P"); var text = document.createTextNode("Một đoạn văn mẫu được tạo làm con của body"); Para.appendChild(text); document.getElementById("myBody").appendChild(Para); }