Nội dung tài liệu HTML DOM
Ví dụ
Lấy nội dung HTML của tài liệu:
const myBody = document.body.innerHTML;
Hãy tự mình thử »Thay đổi màu nền của tài liệu:
document.body.style.backgroundColor = "yellow";
Hãy tự mình thử »Thay đổi <body> của tài liệu (ghi đè tất cả nội dung hiện có):
document.body.innerHTML = "Some new HTML content";
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính body
đặt hoặc trả về phần tử <body> của tài liệu.
Cảnh báo
Việc đặt thuộc tính body
sẽ ghi đè tất cả các thành phần 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ả về thuộc tính body:
document.body
Đặt thuộc tính cơ thể:
document.body = newContent
Giá trị tài sản
Value | Description |
newContent | The new content for the <body> element. |
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Phần tử nội dung của tài liệu. |
Thêm ví dụ
Tạo phần tử <p> và nối nó vào phần thân 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ãy tự mình thử »Hỗ trợ trình duyệt
document.body
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |