IFrame srcdoc Property
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
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
