Thuộc tính HTML DOM Body

Thuộc tính nội dung HTML DOM được liên kết với phần tử HTML được sử dụng để đặt hoặc trả về các giá trị thuộc tính của phần tử . Nó trả về phần tử . Nó có thể được sử dụng để thay đổi nội dung bên trong phần tử . Thuộc tính này có thể ghi đè nội dung phần tử con có bên trong phần tử .

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính body -

document.body = New_Content

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

Ví dụ

Hãy để chúng tôi xem một ví dụ cho thuộc tính HTML DOM Body -

<!DOCTYPE html>
<html>
<body>
<h2>Sample HEADING</h2>
<p>Click the below button to overwrite child content</p>
<button onclick="OverWrite()">Overwrite Content</button>
<p>A sample paragraph</p>
<script>
   function OverWrite() {
      document.body.innerHTML = "All the content inside the body tag is overwritten";
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính HTML DOM Body

Khi nhấp vào “Ghi đè nội dung” -

Thuộc tính HTML DOM Body

Trong ví dụ trên -

Chúng ta có các phần tử khác nhau bên trong phần tử như một phần tử

, hai phần tử

và một nút. Nút “Ghi đè nội dung” thực thi chức năng Ghi đè ().

<button>Overwrite Content</button>

Hàm OverWrite () lấy innerHtml của nội dung tài liệu và thay đổi văn bản thành “Tất cả nội dung bên trong thẻ body đều bị ghi đè”. Thao tác này sẽ ghi đè lên tất cả nội dung bên trong phần thân về cơ bản, loại bỏ tất cả các phần tử và chỉ cho phép hiển thị văn bản.

function OverWrite() {
   document.body.innerHTML = "All the content inside the body tag is overwritten";
}