What is document object model? Explain any two objects with example.

The Document Object Model (DOM) is a programming interface for web documents. It represents the structure of a document, such as HTML or XML, in a tree format, where each node is an object representing a part of the document. The DOM model allows a programmer to manipulate the content and structure of a web document.

Two common objects in the DOM are:

1. Document Object: This is the root node of the document. It provides access to the entire HTML or XML document. For example, you can use the document object to access and manipulate the entire HTML document.

Example in JavaScript:

document.body.innerHTML = "Hello, World!";

In this example, we are using the document object to access the body of the HTML document and change its content to "Hello, World!".

2. Element Object: This represents an element in an HTML or XML document. Elements can be accessed and manipulated in various ways, such as by their tag name, class name, or id.

Example in JavaScript:

let element = document.getElementById("myId");
element.style.color = "red";

In this example, we are using the getElementById method of the document object to access an HTML element with the id "myId". We then change the color of the text in this element to red.