Get the size of elements.
var size = getSize( elem );
// elem can be an element
var size = getSize( document.querySelector('#selector') )
// elem can be a string, used as a query selector
var size = getSize('#selector')
Returns an object with: width
, height
, innerWidth/Height
, outerWidth/Height
, paddingLeft/Top/Right/Bottom
, marginLeft/Top/Right/Bottom
, borderLeft/Top/Right/BottomWidth
and isBorderBox
.
Tested in IE8, IE9 and good browsers.
Install with Bower: bower install get-size
Install with npm: npm install get-size
Firefox has an old bug that occurs within iframes that are hidden with display: none
. To resolve this, you can use alternate CSS to hide the iframe off-screen, with out display: none
.
.hide-iframe {
visibility: hidden;
position: absolute;
left: -999em;
}
For percentage or em
-based sizes, IE8 does not support fractional values. getSize will round to the nearest value.
getSize is released under the MIT License.