jQuery height Method Live Example

You can edit / change the code and click run button

<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>height demo</title>
  <style>
  body {
    background: gray;
  }
  button {
    font-size: 18px;
    margin: 8px;
  }
  p {
    width: 190px;
    border: 2px blue solid;
  }
  div {
    color: white;
    font-weight: bold;
  }
  </style>
  <script src="../../../jquery-1.10.2.js"></script>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head>
<body>
<button id="getp">Paragraph Height</button>
<button id="getd">Document Height</button>
<button id="getw">Window Height</button>
<div> </div>
<p>
  example to test height() method
</p>
<script>
function showHeight( element, height ) {
  $( "div" ).text(element + " height : " + height + "px." );
}
$( "#getp" ).click(function() {
  showHeight( "paragraph", $( "p" ).height() );
});
$( "#getd" ).click(function() {
  showHeight( "document", $( document ).height() );
});
$( "#getw" ).click(function() {
  showHeight( "window", $( window ).height() );
});
</script>
</body>
</html>