Acceso a la altura del div en javascript

Question

tengo un div:

css

div { width: 200px; height:auto } 

marcado

<div contenteditable="true"> Text is editable </div> 

Ahora ¿qué debo hacer para acceder a la height (numeric value) de la arriba div en javascript? Probé

$('div').height() & $('div').css("height"); ambos devuelven auto.

Answer 1

Es posible que desee intentar .innerHeight() o .outerHeight(), dependiendo de lo que desee.

Answer 2

tratar de usar

$('div').innerHeight() 

o

$('div').outerHeight() 

Answer 3

Prueba esto

var divs = document.getElementsByTagName('div'); 
if(divs.length>0) 
    divs[0].offsetHeight; 

Answer 4

para devolver el valor de la altura NUMÉRICO:

document.getElementsById('myElementId').offsetHeight; // Without jQuery 

$('#myElementId').outerHeight(); // With jQuery 

Nota 1: outerHeight (true) devuelve el tamaño con margen y el relleno inclued, más informaciones sobre http://api.jquery.com/outerHeight/

Nota 2: innerHeight() devuelve la altura calculada actual para el primer elemento en el conjunto de elementos coincidentes, incluido el relleno pero no el borde.

Nota 3: $ ('div'). Height() o $ ('div'). Css ("alto") devuelve el valor de css solamente.