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
Last Updated :
17 Jun, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...