如何检索 HTML 元素的实际宽度和高度？

Question

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.

转载于:https://stackoverflow.com/questions/294250/how-do-i-retrieve-an-html-elements-actual-width-and-height

Answer 1

You should use the .offsetWidth and .offsetHeight properties. Note they belong to the element, not .style.

var width = document.getElementById('foo').offsetWidth;