Nội dung tài liệu DOM HTML
Các ví dụ
Lấy nội dung HTML của một tài liệu:
const myBody = document.body.innerHTML;
Thay đổi màu nền của tài liệu:
document.body.style.backgroundColor = "yellow";
Thay đổi <body> của tài liệu (ghi đè lên tất cả nội dung hiện có):
document.body.innerHTML = "Some new HTML content";
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Thuộc body
tính đặt hoặc trả về phần tử <body> của tài liệu.
Cảnh báo
Đặt thuộc body
tính ghi đè tất cả các phần tử trong <body> của tài liệu.
Ghi chú
Sự khác biệt giữa document.body và document.documentElement :
document.body trả về phần tử <body>.
document.documentElement trả về phần tử <html>.
Xem thêm:
Cú pháp
Trả lại tài sản cơ thể:
document.body
Đặt thuộc tính body:
document.body = newContent
Giá trị tài sản
Value | Description |
newContent | The new content for the <body> element. |
Giá trị trả lại
Loại | Sự miêu tả |
Sự vật | Phần tử nội dung của tài liệu. |
Các ví dụ khác
Tạo phần tử <p> và nối phần tử đó vào phần nội dung của tài liệu:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Hỗ trợ trình duyệt
document.body
là một tính năng DOM Level 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |