¿Cómo se obtiene la altura renderizada de un elemento?

¿Cómo se obtiene la altura renderizada de un elemento?

Digamos que tiene un elemento <div> con algún contenido dentro. Este contenido dentro va a estirar la altura del <div>. ¿Cómo se obtiene el "renderizado" altura cuando usted ha' no establecer explícitamente la altura. Obviamente, he intentado:

var h = document.getElementById('someDiv').style.height;

¿Hay algún truco para hacer esto? Estoy usando jQuery si eso ayuda.

saluce
Pregunta editada 26º junio 2017 в 12:38
Programación
javascript jquery css height
8º febrero 2009 в 8:49
13 vistas

Prueba uno de:

var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;

clientHeight incluye la altura y el relleno vertical.

offsetHeight incluye la altura, el relleno vertical y los bordes verticales.

scrollHeight incluye la altura del documento contenido (sería mayor que sólo la altura en caso de desplazamiento), el relleno vertical y los bordes verticales.

strager
Respuesta editada 8º febrero 2009 в 9:07
Comentarios (6)
Solución

Sólo debería ser

$('#someDiv').height();

con jQuery. Esto recupera la altura del primer elemento del conjunto envuelto como un número.

Intentando usar

.style.height

sólo funciona si se ha establecido la propiedad en primer lugar. No es muy útil.

Russ Cam
Respuesta editada 9º febrero 2009 в 8:24
Comentarios (8)

¿Ha establecido la altura en el css específicamente? Si no lo has hecho, tienes que usar offsetHeight; en lugar de height.

var h = document.getElementById('someDiv').style.offsetHeight;
Comentarios (1)