HTML DOM IFrame width Property

Last Updated : 06 May, 2025

The HTML DOM IFrame width Property is used to sets or return the value of the width attribute of a Iframe Element. The width Attribute is used to specify the width of an Iframe Element.

Syntax:

It returns the width Property.

iframeObject.width

It is used to set the width property.

iframeObject.width = pixels

Property Values:

pixels: It specifies the width of the Iframe Element in terms of pixels.

Return Value It returns a string value that represents the width of the Iframe in terms of pixels.

Example 1: This Example illustrates how to return the Iframe width Property.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML DOM iframe width Property
    </title>
</head>

<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
    <h2>HTML DOM iframe width Property</h2>
    <iframe src=
"https://www.geeksforgeeks.org/community/" 
            id="GFG" 
            height="200" 
            width="400">
    </iframe>
    <br>
    <br>
    <button onclick="Geeks()">
          Submit
      </button>
    <p id="sudo" style="font-size:20px"></p>
  
    <script>
        function Geeks() {
            let x =
                document.getElementById("GFG").width;
            document.getElementById("sudo").innerHTML = x;

        }
    </script>

</body>

</html>

Temporary Note on Output : On Run, The output may show a "Refuse to Connect" error due to security restrictions from the GeeksforGeeks site, which prevents embedding. To see the output, replace the src URL with one that allows iframe embedding, such as "https://www.example.com".

Example 2: This Example illustrates how to set the Iframe width Property.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML DOM iframe width Property
    </title>
</head>

<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
    <h2>HTML DOM iframe width Property</h2>
    <iframe src=
"https://www.geeksforgeeks.org/community/" 
            id="GFG" 
            height="200" 
            width="400">
    </iframe>
    <br>
    <br>
    <button onclick="Geeks()">
          Submit
      </button>
    <p id="sudo" style="font-size:20px"></p>
  
    <script>
        function Geeks() {
            let x =
                document.getElementById("GFG").width =
                "100%";
            document.getElementById("sudo").innerHTML = x;

        }
    </script>

</body>

</html>

Supported Browsers: The browsers supported by HTML DOM IFrame width Property are listed below:

Google Chrome 1.0 and above
Edge 12.0 and above
Firefox
Internet Explorer
Opera
Safari

HTML DOM Marquee width Property

manaschhabra2

Improve

Article Tags :

HTML DOM IFrame width Property

Similar Reads

Thank You!

What kind of Experience do you want to share?