CODEWITHSUNDEEP
javascripthtmlcss
harry
harry

Reputation: 647

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 actually height the element has when rendered in a browser. Can anyone help me please and im still new to javascript

Upvotes: 15

Views: 26285

Answers (2)

aztack
aztack

Reputation: 4594

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/

Upvotes: 9

Matt Ball
Matt Ball

Reputation: 359786

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

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

Upvotes: 25

Related Questions