Description: Get the current computed height for the first element in the set of matched elements, including padding but not border.
This method returns the height of the element, including top and bottom padding, in pixels.
This method is not applicable to window and document objects; for these, use .height() instead.
Example
Get the innerHeight of a paragraph.
var p = $("p:first");
$("p:last").text( "innerHeight:" + p.innerHeight() );
Full source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>p { margin:10px;padding:5px;border:2px solid #666; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var p = $("p:first");
$("p:last").text( "innerHeight:" + p.innerHeight() );
});
</script>
</head>
<body>
<p>Hello</p><p></p>
</body>
</html>
Was this information helpful?
