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

i would like to know how to get the height of a element including padding and borders using javascript so ill know the actua开发者_JS百科lly height the element has when rendered in a browser. Can anyone help me please and im still new to javascript

---

You're looking for element.offsetHeight and element.offsetWidth.

According to quirksmode.com, these properties work in all of the major browsers. Hooray!

---

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/