Javascript – Conocer la altura de un elemento HTML

última actualización el 6 de abril de 2009, 03:26 por Carlos-vialfa
Publicado por Carlos-vialfa
Si deseas determinar la altura (height) de un bloque HTML en javascript, existen dos métodos para hacerlo dependiendo del navegador:
  • element.offsetHeight
  • element.style.pixelHeight


Existe tambien otro método que permite determinar la altura de un bloque HTML cualquiera que sea el navegador:

<script type="text/javascript">
<!--
var divHeight;
var obj = document.getElementById('id_element');

if(obj.offsetHeight)          {divHeight=obj.offsetHeight;}
else if(obj.style.pixelHeight){divHeight=obj.style.pixelHeight;}
//-->
</script>


PD: El artículo original fue escrito por Jeff, contribuidor de CommentCaMarche
Mejores respuestas para « Javascript – Conocer la altura de un elemento HTML » en :
Javascript – Modificar la altura (height) de un elemento HTML Ver La propiedad de estilo “height” puede ser usada para modificar la altura de un elemento HTML en javascript. Para ello puedes hacer lo siguiente: Si deseas conocer la altura (height) de un bloque HTML, existen dos métodos dependiendo del...
Javascript – Centrar verticalmente una página Web Ver Javascript – Centrar verticalmente una página Web Tratar de centrar verticalmente una página Web con CSS es una perdida de tiempo. La solución más práctica consiste en utilizar JavaScript. 1. El archivo .js 2. La página .html 3. Uso 4....
Formularios HTML Ver Formularios Los formularios interactivos permiten a los autores de páginas Web poner elementos interactivos en sus páginas, por ejemplo, para recibir mensajes de sus lectores, de forma similar a las cartas de respuestas que se encuentra en algunas...
Javascript – Borrar el campo de un formulario al hacerle clic VerJavascript – Borrar el campo de un formulario al hacerle clic Seguramente ya te has encontrado con formularios HTML rellenados con texto indicando el tipo de dato esperado. Aunque esto puede ser útil en algunas circunstancias, en otras puede ser...
Especificar la altura vertical y relativa de un elemento VerA veces, nos gustaría poder especificar la altura vertical de un elemento. Esto es simple si se utilizan valores fijos (por ejemplo en pixeles), pero es más complicado si se utilizan alturas relativas (en porcentaje). A menudo se encuentra este...
Javascript – La función split() VerJavascript – La función split() La función split() permite dividir una cadena de caracteres (string) en varios bloques y crear un array con estos, en función de un elemento indicador del split. En el siguiente ejemplo, la función split() permite...
Descargar WYSIWYG Web Builder VerEs programa te ayuda a la creación de unas paginas web, sin tener conocimiento del lenguaje HTML, es un editor que nos incluye aquellas herramientas que necesitaremos paso a paso para el diseño y publicación de la pagina web. Para los elementos:...
Descargar WYSIWYG Web Builder VerUtiliza esta tecnología para ayudar a cualquier usuario a crear de forma fácil y rápida una página web completa sin necesidad de conocer el lenguaje HTML, que es el utilizado para la creación de sitios Web. Vas a tener una página en blanco y...
Descargar PHP Editor VerPHP Editor es una herramienta perfecta para los programadores en lenguaje PHP, además puede ser utilizado para HTML, SQL, Java, JavaScript, C++, Python, etc. Con PHP Editor podrás trabajar con varios documentos al mismo tiempo, éste incorpora un...
Introducción a HTML VerIntroducción a HTML HTML (HyperText Mark-Up Language) es lo que se conoce como "lenguaje de marcado", cuya función es preparar documentos escritos aplicando etiquetas de formato. Las etiquetas indican cómo se presenta el documento y cómo se vincula a...
Listas en HTML VerListas Una lista es un párrafo estructurado que contiene una serie de elementos. HTML define tres tipos de listas: Listas ordenadas; Listas no ordenadas; Listas de definiciones. Lista ordenada Contenedor Tipo de lista Efecto...
Caracteres especiales VerCódigos de caracteres especiales Los estándares HTML requieren que todos los códigos se escriban en 7 bits ASCII, lo que significa que no están permitidos los caracteres acentuados. A pesar de esto, los navegadores actuales reconocen los...