La propiedad HTML DOM IFrame width se utiliza para establecer o devolver el valor del atributo de ancho de un elemento Iframe. El atributo de ancho se utiliza para especificar el ancho de un elemento Iframe.
Sintaxis:
- Devuelve la propiedad de ancho.
iframeObject.width
- Se utiliza para establecer la propiedad de ancho.
iframeObject.width = pixels
Valores de propiedad:
- píxeles: especifica el ancho del elemento Iframe en términos de píxeles.
Valor de retorno Devuelve un valor de string que representa el ancho del Iframe en términos de píxeles.
Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad de ancho de iframe.
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://ide.geeksforgeeks.org/index.php"
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>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: Este ejemplo ilustra cómo establecer la propiedad de ancho de iframe.
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://ide.geeksforgeeks.org/index.php"
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>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad HTML DOM IFrame width se enumeran a continuación:
- Google Chrome 1.0 y superior
- Borde 12.0 y superior
- Firefox
- explorador de Internet
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA