Foros del Web » Programando para Internet » Javascript »

como puedo medir el alto de un div que cree con inner.Html

Estas en el tema de como puedo medir el alto de un div que cree con inner.Html en el foro de Javascript en Foros del Web. Hola, estoy intentando saber la altura de un div pero no me da la altura que yo quiero, el problema es que tengo una funcion ...
  #1 (permalink)  
Antiguo 12/12/2011, 07:59
 
Fecha de Ingreso: abril-2011
Mensajes: 867
Antigüedad: 13 años
Puntos: 5
como puedo medir el alto de un div que cree con inner.Html

Hola, estoy intentando saber la altura de un div pero no me da la altura que yo quiero, el problema es que tengo una funcion js que pasa los datos a html con innerHTML algo asin:


Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. document.getElementById("contenido").innerHTML ='<div><p>aqui todo el contenido</p></div>';
  3.  
  4. <div id="contenido"></div>
  5. </script>


yo quiero saber el alto del div contenido, probe algo asin:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.       var alto = document.getElementById('contenido').offsetHeight;
  3.        document.write(alto);
  4.    </script>

pero claro me da que la altura del div vacio y yo quiero la altura del div con su contenido, tambien probe asignarle un id al div del innerHTML pero no me funciono, alguna ayuda de como conseguir lo que intento, saludos.
  #2 (permalink)  
Antiguo 12/12/2011, 08:24
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: como puedo medir el alto de un div que cree con inner.Html

esto es tener la solución delante de las narices y no verla
Cita:
<script type="text/javascript">
function fnc() {
document.getElementById("contenido").innerHTML ='<div><p>aqui todo el contenido</p><p>aqui todo el contenido</p><p>aqui todo el contenido</p><p>aqui todo el contenido</p></div>';

var alto = document.getElementById('contenido').offsetHeight;
document.getElementById("contenido").innerHTML += alto;
}

window.onload = fnc;
</script>


<div id="contenido"></div>
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}

Etiquetas: alto, funcion, html, js, medir
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:12.