THE WORLD'S LARGEST WEB DEVELOPER SITE

IFrame srcdoc Property

❮ IFrame Object

Example

Change the HTML content that is shown in an iframe:

document.getElementById("myFrame").srcdoc = "<p>Some new content inside the iframe!</p>";
Try it Yourself »

Definition and Usage

The srcdoc property sets or returns the value of the srcdoc attribute in an iframe element.

The srcdoc attribute specifies the HTML content of the page to shown in the inline frame.

Tip: This attribute is expected to be used together with the sandbox and seamless attributes.

If a browser supports the srcdoc attribute, it will override the content specified in the src attribute (if present).

If a browser does NOT support the srcdoc attribute, it will show the file specified in the src attribute instead (if present).


Browser Support

Property
srcdoc Yes Not supported Yes 6.0 Yes

Syntax

Return the srcdoc property:

iframeObject.srcdoc

Set the srcdoc property:

iframeObject.srcdoc=HTML_code

Property Values

Value Description
HTML_code Specifies the HTML content to show in the iframe. Must be valid HTML syntax

Technical Details

Return Value: A String, representing the HTML content that is shown in the iframe (if any)

More Examples

Example

Return the HTML content that is shown in an iframe:

var x = document.getElementById("myFrame").srcdoc;

The result of x will be:

Hello world!
Try it Yourself »

Related Pages

HTML reference: HTML <iframe> srcdoc attribute


❮ IFrame Object