Accessing the height of div in javascript

Question

I have a div :

css

    div { width: 200px; height:auto }

markup

   


        
                      

              相关标签:
       
      

Answer 1

For returning the NUMERIC height value :

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

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

Note 1: outerHeight(true) returns the size with margin and padding inclued, more informations on http://api.jquery.com/outerHeight/

Note 2 : innerHeight() returns the current computed height for the first element in the set of matched elements, including padding but not border.

Note 3: $('div').height() or $('div').css("height") returns the css value only.

Answer 2

Try This

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

Answer 3

try using

$('div').innerHeight()

or

$('div').outerHeight()

Answer 4

You may want to try .innerHeight() or .outerHeight(), depending on what you want.