Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
HTML DOM Body object
The HTML DOM Body object is associated with the HTML <body> element. The attributes and their values set inside the body tag stay throughout the HTML document unless they are overridden by any of its child node.The body object can be used to access and manipulate these properties and their values.
Properties
Following are the properties for HTML DOM Body object −
Note − The properties below are not supported in HTML5 .Use CSS instead −
| Property | Desciption |
|---|---|
| aLink | To set or return the active link color in a document. |
| background | To set or return the background image for the document |
| bgColor | To set or return the background color of the document. |
| link | To set or return the unvisited links color in the document. |
| text | To set or returns the text color of the document |
| vLink | To set or return the visited links color in the document. |
Syntax
Following is the syntax for −
Creating the body object −
var x = document.createElement("BODY");Example
Let us see an example for HTML DOM body object −
<!DOCTYPE html>
<html>
<head>
<title>aside tag</title>
<h2>HTML DOM BODY OBJECT</h2>
<button onclick="createBody()">CREATE</button>
<script>
function createBody() {
var x = document.createElement("BODY");
x.setAttribute("id", "myBody");
document.body.appendChild(x);
var Para = document.createElement("P");
var text = document.createTextNode("A sample paragraph
created as child of body");
Para.appendChild(text);
document.getElementById("myBody").appendChild(Para);
}
</script>
</head>
</html>Output
This will produce the following output −
On clicking create −
In the above example −
We have created a button CREATE to call function createBody() −
<button onclick="createBody()">CREATE</button>
The createBody() method creates the element <body> and assigns it to the variable x. Using the setAttribute() method we set the id of the body to “myBody” and append the body element using appendChild() method as the child of the document. Another element <p> (paragraph) is then created with textNode “A sample paragraph created as child of body”. That text node is appended as child of the paragraph. Finally using the id of the <body> element the paragraph is appended to the body.
function createBody() {
var x = document.createElement("BODY");
x.setAttribute("id", "myBody");
document.body.appendChild(x);
var Para = document.createElement("P");
var text = document.createTextNode("A sample paragraph created as child of body");
Para.appendChild(text);
document.getElementById("myBody").appendChild(Para);
}
270 Views
