HTML DOM document contentType Property

HTML | DOM IFrame contentDocument Property

Last Updated : 17 Jun, 2022

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

HTML DOM document contentType Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM IFrame contentWindow Property

The IFrame contentWindow Property in HTML DOM is used to return the Window object generated by an 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.contentWindow Return Value: It returns reference Window ob

HTML DOM document contentType Property

The contentType property in HTML DOM returns the MIME type in which the document is being rendered. This is a read only property. Syntax: value = document.contentType; Return value: This property returns a string value of MIME content type of the document. Example: This example will show how to get

HTML DOM Meta content Property

The Meta content Property in HTML DOM is used for setting or returning the value of the content attribute of a <meta> element. The content attribute is used to specify the content of the meta-information. Syntax: It is used to return the content property:metaObject.content It is used to set th

HTML DOM document plugins Property

The HTML DOM plugins property returns an HTMLCollectionobject containing one or more embed elements or plugins of the current document. This is a read-only property. Syntax: objects = document.plugins Return value: An HTMLCollection object, or "null" object,if there are no embedded elements or plugi

HTML | DOM documentURI Property

The documentURI property in HTML DOM used to set or return the location of a document. The return value is null If the document was created by the DocumentImplementation object or undefined. The documentURI property can be used on any document types. Syntax: Return the documentURI property: document

HTML DOM document location Property

The Document location property returns a Location of the document, that contains information about the URL of the document. This is a read-only property. Syntax: loc = document.location; Return Value: This property returns the string URL location of the document. Example: In this example, we will le

HTML | DOM contentEditable Property

The DOM contentEditable property is used to return a Boolean value where true means the content of an element is editable and false represents the content is not editable. This property is read-only. Syntax: Returns the contentEditable property: HTMLElementObject.contentEditable Set the contentEdita

HTML DOM Iframe align Property

The HTML Iframe align property is used to set or return the value of the align attribute of the <iframe> element. Note: This property is not supported by HTML5. Syntax: It returns the aligned property. iframeobject.align; It sets the aligned property. Iframeobject.align="left|right|middle|top|

HTML DOM documentMode Property

The DOM documentMode property in HTML is an IE8 property that is used to detect the document mode used by the browser to render the current page. It returns a different number depending on the mode of the page in which it is being rendered because IE8 can render a page in various modes depending on

HTML DOM IFrame height Property

The HTML DOM IFrame height Property is used to sets or return the value of the height attribute of an Iframe Element. The height attribute is used to specify the height of an Iframe Element. Syntax: It returns the height Property. iframeObject.heightIt is used to set the height property. iframeObjec