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> 
 
    <iframe src="https://ide.geeksforgeeks.org/index.php"

                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

Article Tags :

HTML

Web Technologies

HTML-DOM