title: Full height of a html element (div) including border, padding and margin?
body: <p>I need the full height of a div, I'm currently using</p>
  
  <pre><code>document.getElementById('measureTool').offsetHeight
  </code></pre>
  
  <blockquote>
    <p><code>offsetHeight</code> - Returns the height of an element, including borders and padding if any, but not margins</p>
  </blockquote>
  
  <p>But one of the nested elements inside the div, has a <code>margin-top</code> of <code>20%</code>, so I get a wrong measurement. I tried <code>style.marginTop</code> and <code>scrollHeight</code> without success.</p>
  
  <p>How can I get the full height (border, padding, margin) of an element (div) in javascript?</p>
  
  <p>If there isn't any other way I'm ok with jQuery.</p>