Skip to content
Related Articles

Related Articles

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.

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>
  • 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

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :