Get full height of a clipped DIV

Question

How do I get the height of the div which includes the clipped area of the div ?

  content
conte         


        
      

Answer 1

This works in all cases, whether you have a text node inside or a container. This is using jquery, but you don't need to.

//return the total height.
totalHeight = $('#elem')[0].scrollHeight;
//return the clipped height.
visibleHeight = $('#elem').height();

$('#elem')[0] is returning the dom element from the jquery call. so you can use that on any dom elem using plain ol' javascript.