X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery innerHeight() Method

jQuery HTML/CSS Methods jQuery HTML/CSS Methods

Example

Return the inner height of a <div> element:

$("button").click(function(){
  alert($("div").innerHeight());
});

Try it yourself »

Definition and Usage

The innerHeight() method returns the inner height of the FIRST matched element.

As the image below illustrates, this method includes padding, but not border and margin.

jQuery Dimensions


Related methods:

  • width() - Sets or returns the width of an element
  • height() - Sets or returns the height of an element
  • innerWidth() - Returns the width of an element (includes padding)
  • outerWidth() - Returns the width of an element (includes padding and border).
  • outerHeight() - Returns the height of an element (includes padding and border).

Syntax

$(selector).innerHeight()


Examples

Try it Yourself - Examples

Display dimensions with related methods
How to use width(), height(), innerHeight(), innerWidth(), outerWidth() and outerHeight().


jQuery HTML/CSS Methods jQuery HTML/CSS Methods


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook