javascript - 如何检索HTML元素的实际宽度和高度？(How do I retrieve an HTML element's actual width and height?)

Question

Suppose that I have a <div> that I wish to center in the browser's display (viewport).

(假设我有一个<div> ，希望在浏览器的显示（视口）中居中。)

To do so, I need to calculate the width and height of the <div> element.

(为此，我需要计算<div>元素的宽度和高度。)

What should I use?

(我应该使用什么？)

Please include information on browser compatibility.

(请提供有关浏览器兼容性的信息。)

  ask by snortasprocket translate from so

Answer 1

You should use the .offsetWidth and .offsetHeight properties.

(您应该使用.offsetWidth和.offsetHeight属性。)

Note they belong to the element, not .style .

(请注意，它们属于元素，而不是.style 。)

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