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;