Tengo un iframe que está cargando contenido externo dinámicamente desde un sitio del que tengo control.
En caso de que no haya contenido disponible, cargo una página vacía.
Desafortunadamente, un iframe tiene una altura de 150 px.
¿Cómo puedo, en el mejor de los casos, con Javascript definir para ocultar el div madre (contenedor) o iframe en caso de que el iframe tenga el tamaño estándar de 150px?
<div id="container"> <iframe src=""> </iframe> </div>Puede usar client.Height para obtener la altura de un elemento (con relleno, el borde no está incluido)
Prueba esto:
const iframe = document.querySelector('iframe'); let iframeHeight = iframe.clientHeight; if (iframeHeight == 150) { iframe.style.display = "none"; }Se ocultará el primer iframe con altura estándar. Avísame para más requisitos. ¡Espero eso ayude!
Puedes usar
window.getComputedStyle(element); Y te dará un objeto con todas las propiedades css de ese elemento.
Si quieres obtener la altura:
window.getComputedStyle(element).height; Y eso devolverá '150px', o cualquier otra cosa que sea la altura
Nota: no es necesario escribir 'ventana', getComputedStyle() también funcionará