HTML DOM body Property

❮ Previous Next ❯

The HTML DOM Body propertyhelps control the element of a document. It deals with the content within the tag specifically. It lets you update the current content inside the element with new content you choose. However, it doesn't handle the element itself..

Syntax:

This code retrieves the body property.

document.body

This format is utilized to define the body property.

document.body = Content

Return Value: Pointing to the Body Object, which stands for a <body> element

Property Value: The document.body property uses a single piece of content. This content can be added to the body element of a document.

<!DOCTYPE html>
<html>
  <head>
    <style>
      h1 {
        color: green;
      }
    </style>
  </head>
  <body>
    <h1> Propertutorials </h1>
    <h2> DOM body property </h2>
    <button onclick="myfunc()"> Submit </button>
    <p id="gfg"></p>
    <script>
      function myfunc() {
        let x = document.body.innerHTML;
        document.getElementById("gfg").innerHTML = "Display the body content:\n" + x;
      }
    </script>
  </body>
</html>

❮ Previous Next ❯

HTML Basics

HTML Tags

HTML Attributes

HTML Graphics

HTML APIs

HTML DOM

HTML Audio/Video

HTML 5 MathML

HTML DOM body Property

Web Development