Khuyến nghị khóa học:

Thuộc tính body của Document HTML DOM

Đặt Định nghĩa và cách sử dụng

Thuộc tính thiết lập hoặc trả về phần tử <body> của tài liệu.Lưu ý: Đặt body

Thuộc tính này sẽ thay thế tất cả các phần tử trong <body> của tài liệu.

document.body Lưu ý và document.documentElement

  • Cách khác nhau:
  • document.body trả về phần tử <body>

document.documentElement trả về phần tử <html>

Xem thêm:

Thẻ <body> HTML

Đối tượng Body của HTML DOM

Thuộc tính documentElement của tài liệu

Mô hình

Ví dụ 1

Lấy nội dung HTML của tài liệu:

document.body.appendChild(para);

const myBody = document.body.innerHTML;

Ví dụ 2

Thay đổi màu nền của tài liệu:

document.body.appendChild(para);

document.body.style.backgroundColor = "yellow";

Ví dụ 3

Thay đổi nội dung <body> của tài liệu (bản ghi lại tất cả nội dung hiện có):

document.body.appendChild(para);

document.body.innerHTML = "Some new HTML content";

Ví dụ 4

Tạo phần tử <p> và thêm vào nội dung chính 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);

Thử ngay

Cú pháp

document.body

Trả về thuộc tính body:

Đặt thuộc tính body: Giá trị

document.body =

Giá trị thuộc tính Loại
Giá trị newContent

Nội dung mới của phần tử <body>.

Giá trị trả về Loại
Mô tả Đối tượng body của tài liệu.

Hỗ trợ trình duyệt

document.body Là tính năng DOM Level 1 (1998).

Tất cả trình duyệt đều hỗ trợ nó hoàn toàn:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ