Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM IFrame contentDocument Property

  • Last Updated : 30 Sep, 2019

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.



Return Value: It returns the reference of the document object. If there is no object available then it returns null.


<!DOCTYPE html> 
        HTML DOM iframe contentDocument Property 
<body style="text-align:center;"
        HTML DOM iframe contentDocument Property 
                id="GFG" height="200" width="400"
    <button onclick="Geeks()">
        function Geeks() { 
            var iframeID = document.getElementById("GFG"); 
            var iframeCW = (iframeID.contentWindow
                    || iframeID.contentDocument);
            if (iframeCW.document)iframeCW = iframeCW.document;
       = "5px solid black";
  • 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

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!