HTML DOM IFrame srcdoc Property

Last Updated : 6 May, 2025

The HTML DOM IFrame srcdoc property is used to set or return the value of a srcdoc attribute of an <Iframe> element. The srcdoc attribute is used to specify the HTML content of the document in the <Iframe> element. It can be used together with the sandbox and seamless attributes.

Syntax:

It returns the srcdoc property.

iframeObject.srcdoc

It is used to set the srcdoc property.

iframeObject.srcdoc = HTML_code

Property Values:

HTML_code: It is used to specify the HTML content of the page which will display in an Iframe element.

Return Value: It returns a string value that specifies the HTML content of the page that is displayed in the Iframe element.

Usage

srcdoc lets you directly write HTML content inside the iframe, without using an external link.
It's useful when you want to show a small piece of content or a preview without loading a whole webpage.
You can include things like headings, paragraphs, and even styling inside the srcdoc.
It’s a good way to avoid external loading issues or security blocks from other websites.

Example 1: This example illustrates how to return the Iframe srcdoc property.

Output:

👁 Dom

HTML DOM IFrame srcdoc Property

Example 2: This example illustrates how to set the Iframe srcdoc property.

Output:

👁 Image

Supported Browsers: The browsers supported by HTML DOM IFrame srcdoc Property are listed below: