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:
<!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 > |
chevron_right
filter_none
- 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
- Internet Explorer
- Firefox
- Safari
- Opera