Thuộc tính body trong HTML DOM

Thuộc tính body trong HTML DOM liên quan đến phần tử HTML <body> dùng để thiết lập hoặc trả về giá trị thuộc tính của phần tử <body>. Nó trả về phần tử <body>. Có thể dùng để thay đổi nội dung bên trong <body>. Thuộc tính này có thể ghi đè nội dung các phần tử con bên trong <body>.

Cú pháp

Thiết lập thuộc tính body

document.body = New_Content

Ở đây, New_Content là nội dung mới cho phần tử.

Ví dụ

Dưới đây là ví dụ cho thuộc tính body HTML DOM:

<!DOCTYPE html> <html> <body> <h2>TIÊU ĐỀ MẪU</h2> <p>Click nút bên dưới để ghi đè nội dung con</p> <button onclick="OverWrite()">Ghi đè nội dung</button> <p>Một đoạn văn mẫu</p> <script>    function OverWrite() {       document.body.innerHTML = "Tất cả nội dung bên trong thẻ body bị ghi đè";    } </script> </body> </html>

Kết quả

Ví dụ này sẽ cho kết quả sau:

Khi click “Ghi đè nội dung”:

Giải thích ví dụ:

Các phần tử bên trong <body>: <h2>, hai <p> và nút. Nút “Ghi đè nội dung” thực thi OverWrite():

<button>Ghi đè nội dung</button>

OverWrite() lấy innerHTML của document body đổi thành “Tất cả nội dung bên trong thẻ body bị ghi đè”. Ghi đè toàn bộ nội dung trong body, xóa tất cả phần tử chỉ hiển thị văn bản:

function OverWrite() {    document.body.innerHTML = "Tất cả nội dung bên trong thẻ body bị ghi đè"; }