getSize

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

Install with Bower 🐦

bower install desandro/get-size

Or Component

component install desandro/get-size

Fractional values in IE8

For percentage or em-based sizes, IE8 does not support fractional values. getSize will round to the nearest value.

MIT License

getSize is released under the MIT License.