how to get the height of a element including padding and borders using javascript

Question

i would like to know how to get the height of a element including padding and borders using javascript so ill know the actually height the element has when rendered in a browser. Can anyone help me please and im still new to javascript

Answer 1

Using jQuery, you can get element height including padding with $(ele).outerHeight(), get element height including padding, border and margin by $(ele).outerHeight(true).

see also https://api.jquery.com/outerHeight/