jQuery getheight

by shraddhapaghdar

HTML

<button id="para">Get Height</button>
<p>
  Hello Users
</p>

CSS

p {
    width: 150px;
    border: 1px black solid;
    margin: 3px;
    padding: 5px;
  }

JavaScript

$("#para").on('click', () => {
  console.log("height", $("p").height() );
  console.log("Inner height", $("p").innerHeight());
  console.log("Outer height", $("p").outerHeight());
});