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

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

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

Answer 2

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/