HTML | DOM Window frameElement Properties

Last Updated : 01 Jun, 2022

HTML DOM Window frameElement property returns the iframe element in which the window is embedded or stored. If it is not stored, in that case, it simply returns a null value.

Syntax:

window.frameElement

Return Value: It returns an IFrame object or null.

Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML | DOM Window frameElement Properties
    </title>

</head>

<body>

    <p>
      click on the button. IF the window is in
      iframe then it will change its URL to 
      geekforgeeks official website.
    </p>

    <button onclick="myFunction()">
        Click!
    </button>

    <script>
        function myFunction() {
            var iframe = window.frameElement;
            //  IF WINDOW IS NOT EMBEDDED 
            //  THEN IFRAME WILL HAVE A NULL VALUE.

            if (iframe) {
                iframe.src = 
            "https://ide.geeksforgeeks.org/";
            }
        }
    </script>

</body>

</html>

Output: Before clicking:

After clicking:

Supported Browser: The browser supported by DOM Window frameElement Properties are listed below:

Google Chrome 1.0 and above
Edge 12 and above
Internet Explorer 5.5 and above
FireFox 1.0 and above
Opera 12.1 and above
Safari 3.0 and above

A

AkshayGulati

Improve

Article Tags :

Similar Reads

HTML DOM Textarea cols Property

The DOM Textarea cols Property is used to set or return the value of the cols attribute of a textarea field. The cols attribute how many average-width characters should fit on a single line. Syntax: It is used to return the cols property.textareaObject.colsIt is used to Set the cols property:textare

HTML | DOM Style transformStyle Property

The transformStyle property is used to set or return, the different ways nested elements use for their rendering in 3D space.Syntax: It return transformStyle: object.style.transformStyleIt set transformStyle: object.style.transformStyle = "flat|preserve-3d|initial|inherit" Properties: flat: It is th

HTML | DOM Input Reset Object

The Input Reset Object in HTML DOM is used to represent the HTML <input> element with type="reset". This tag is used to access or create the <input> element. This element can be accessed by using getElementById() method. Syntax: document.getElementById("Input_ID"); This Input_ID is assig

HTML | DOM Style outline Property

The Style outline property in HTML DOM is used to set or return all outline properties in one declaration. This property draws a line around an element. It sets or returns the one or more border property in short form. The outline can be set the following properties: outline-widthoutline-styleoutlin

HTML | DOM Textarea Object

The Textarea Object in HTML DOM is used to represent the HTML <textarea> Element. The textarea element can be accessed by using getElementById() method.Syntax: document.getElementById("ID"); Where ID is assigned to the <textarea> element.Property Values: autofocus: It is used to set or r

HTML | DOM Style animationPlayState Property

The HTML DOM Style animationPlayState Property is used to specify whether an animation is running or paused. Syntax : animation-play-state: running|paused|initial|inherit; Return Values: It returns a string that represents the animation-play-state property of an element Property Values: running: Thi

HTML | DOM Map Object

The Map Object in HTML DOM is used to create and access the <map> element. The Map Object create the portion of image clickable and accessible.Syntax: It is used to return Map object.var x = document.getElementById("myMap");It is used to create Map Object.var x = document.createElement("MAP");

HTML | DOM Style backgroundImage Property

The DOM Style backgroundImage Property is used to set or return the background image of an element. Syntax: To get the backgroundImage propertyobject.style.backgroundImageTo set the backgroundImage propertyobject.style.backgroundImage = "image | none | initial | inherit" Return Values: It returns a

HTML | DOM TableRow Object

The TableRow Object in HTML DOM is used to represent the HTML <tr> element. The <tr> element can be accessed by using getElementById() method. Syntax: document.getElementById("id"); The tr element can be created by using the document.createElement() method. Syntax: document.createElement

HTML DOM Style order Property

The HTML DOM Style order property specifies the order of a flexible element relative to the rest of the flexible elements inside the same container element.Â SyntaxSet the order property.object.style.order = "number | initial | inherit"Return the order property.object.style.orderReturn ValuesIt retu