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:
- 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.
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= 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.
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= 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 1.0 and above
- Edge 12.0 and above
- Firefox
- Internet Explorer
- Opera
- Safari
Please Login to comment...