Open In App

HTML | DOM IFrame contentDocument Property

Improve
Improve
Like Article
Like
Save
Share
Report

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
Previous
Next
Share your thoughts in the comments
Similar Reads