HTML DOM innerHTML Property

The innerHTML property sets or returns the HTML content (inner HTML) of an element. It allows you to manipulate the inner content, including HTML tags, by assigning new HTML strings or retrieving existing content, making it useful for dynamic updates on web pages.

Syntax

It returns the innerHTML Property.

Object.innerHTML

It is used to set the innerHTML property.

Object.innerHTML = value

Where,

• value: It represents the text content of the HTML element.

Return Value: This property returns a string that represents the HTML content of an element.

Example 1: This example shows how to change the content of the paragraph tag using the innerHTML property. 

Output:

Example 2: This example shows how to get the value of the paragraph tag using the innerHTML property.

Output:

Supported Browsers: The browser supported by DOM innerHTML property are listed below:

• Google Chrome
• Edge
• Firefox
• Opera
• Safari