THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

IFrame srcdoc Property

IFrame Object Reference 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

Internet Explorer Firefox Opera Google Chrome Safari

The srcdoc property is supported in all major browsers, except Internet Explorer.

Note: The srcdoc propery is not supported in Opera 12 and earlier versions, or in Safari 5 and earlier versions.


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 Reference IFrame Object