HTML | DOM IFrame width Property
The HTML DOM IFrame width Property is used to sets or returns the value of the width attribute of a Iframe Element. The width Attribute is used to specify the width of a Iframe Element.
Syntax:
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
- It return the width Property.
iframeObject.width
- It is used to set the width property.
iframeObject.width = pixels
Property Values:
- pixels: It specify the width of the Iframe Element in terms of pixels.
Return Value It returns a string value which represents the width of the Iframe in terms of pixels.
Example 1: This Example illustrates how to return the Iframe width Property.
<!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= 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() { var x = document.getElementById("GFG").width; document.getElementById("sudo").innerHTML = x; } </script> </body> </html> |
Output:
Before Clicking On Button:
After Clicking On Button :
Example-2 : This Example illustrates how to set the Iframe width Property.
<!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= 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() { var x = document.getElementById("GFG").width = "100%"; document.getElementById("sudo").innerHTML = x; } </script> </body> </html> |
Output :
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browsers supported by HTML DOM IFrame width Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
