Programación Web y Scripting > JavaScript

 Capa Div

(1/2) > >>

punteroNULO:
El probelma es el siguiente. Tengo una capa (DIV) cuyo ancho esta definido y es fijo. Pero el contenido es cambiante. Con lo cual también lo es su altura. Necesito conocer la altura del objeto.

Probe con el atributo height, pero esta indefnido.

También con los estilos.  .style.height

¿Alguna forma de obtener la altura?

Gracias.

F_Tanori:
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><html>
<!-- <div id ='div1'> UNDEFINED sino 'inicializas' las propiedades -->

<div style="border:1px; HEIGHT:300px" id ='div1' height=12>
   Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...
   Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...
   Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...
   Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...
   Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...
   Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...
   Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...
   Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...Bla...
</div>

<script>

   var d=document.getElementById('div1');
   //en el estilo
   alert (d.style.height); //mostrara 300px
   //Fuera del estilo
   alert (d.height); //mostrara 12

</script>

</html>
<!--html2--></td></tr></table><div class='postcolor'><!--html3-->

inicializa los valores, saludos

punteroNULO:
No se entendio bien lo que quiero decir.

Ya se que si inicializo los valores puedo obtenerlos. La pregunta es como puedo obtener en cada momento la altura de una capa cuyo contenido va cambiando, (cuando se cambia el contenido, cambia la altura de la capa). Es decir no conozco la altura a priori.

Por ejemplo.


--- Código: Text --- &#60;div width='200'&#62;Esto es un ejemplo. Esto es un ejemplo. Esto es un ejemplo.&#60;/div&#62; 
¿Qué altura tiene?

ArKaNtOs:
la verdad yo solo lo he probado con imágenes y si resulta.

algo como:

function mialtura(){
x=document.getElementById("miimagen").height;
alert(x);
}

<img id="miimagen" src="miimagen.gif" onclick="mialtura()" />

pero en el caso especifico de los div pues probándolos no funciona, y si mejor nos dices  para que necesitas saber la altura de los div, posiblemente lo que necesites se pueda resolver de otra forma

punteroNULO:
Primero perdón por la tardanza en contestar, pero el ordenador no tenias ganas de funcionar y me costo arreglarlo.

Ya averigue el atributo que estaba buscando. Es clientHeight , que para el caso de una capa devuelve su altura.

Navegación

[0] Índice de Mensajes

[#] Página Siguiente

Ir a la versión completa