HTML | DOM IFrame contentDocument Property
The IFrame contentDocument property in HTML DOM is used to return the document object generated by a frame or iframe element. It can be used in the host window to access the document object that belongs to a frame or iframe element.
Syntax:
iframeObject.contentDocument
Return Value: It returns the reference of the document object. If there is no object available then it returns null.
Example:
html
<!DOCTYPE html><html><head> <title> HTML DOM iframe contentDocument Property </title></head><body style="text-align:center;"> <h1>GeeksforGeeks</h1> <h2> HTML DOM iframe contentDocument Property </h2> id="GFG" height="200" width="400"> </iframe> <br><br> <button onclick="Geeks()"> Submit </button> <script> function Geeks() { var iframeID = document.getElementById("GFG"); var iframeCW = (iframeID.contentWindow || iframeID.contentDocument); if (iframeCW.document)iframeCW = iframeCW.document; iframeCW.body.style.border = "5px solid black"; } </script></body></html> |
- Before Clicking on the Button:
- After Clicking on the Button:
Supported Browsers: The browsers supported by HTML DOM IFrame contentDocument property are listed below:
- Google Chrome 1.0 and above
- Edge 12.0 and above
- Firefox 1.0 and above
- Internet Explorer 8.0 and above
- Opera 12.1 and above
- Safari 3.0 and above
Please Login to comment...