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

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

您应该使用

.offsetWidth

和

.offsetHeight

属性。请注意，它们属于元素，而不属于

.style

。

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

.getBoundingClientRect()

执行CSS转换后，函数将元素的尺寸和位置作为浮点数返回。

> console.log(document.getElementById('id').getBoundingClientRect())DOMRect {    bottom: 177,    height: 54.7,    left: 278.5,​    right: 909.5,    top: 122.3,    width: 631,    x: 278.5,    y: 122.3,}