Suppose that I have a <div>
that I wish to center in the browser's display (viewport). To do so, I need to calculate the width and height of the <div>
element.
What should I use? Please include information on browser compatibility.
dhtmlhtmljavascript
Suppose that I have a <div>
that I wish to center in the browser's display (viewport). To do so, I need to calculate the width and height of the <div>
element.
What should I use? Please include information on browser compatibility.
Best Answer
You should use the
.offsetWidth
and.offsetHeight
properties. Note they belong to the element, not.style
.var width = document.getElementById('foo').offsetWidth;
Function
.getBoundingClientRect()
returns dimensions and location of element as floating-point numbers after performing CSS transforms.