Comunidad de diseño web y desarrollo en internet online

¿Cómo saber la altura de un div con min-height y max-height?

Citar            
MensajeEscrito el 05 Ago 2013 07:03 am
Hola a todos, tengo un div tal que así:

Código HTML :

<div id="div1" style="display:block;min-height:44px; max-height:60px;">
...
</div

El problema está en que cuando se redfimensiona la ventana, dicho div puede variar su tamaño entre 44 y 60px, pero si hago un

Código Javascript :

alert(document.getElementById("div1").style.height);
, el resultado es cadena vacía.
¿Cómo puedo saber la altura que tiene el div en todo momento?

Muchas gracias

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Ago 2013 08:43 pm
todo depende del navegador,mejor si usas un framework como JQuery o Mootools, 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:

Código :

<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>

Por tuadmin

Claber

598 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 06 Ago 2013 10:56 am
Genial, muchas gracias!!!!!

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Ago 2013 09:44 pm
con Jquery

var leheight = $("div").height();
alert (leheight);

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.