HTML DOM 元素 getBoundingClientRect()
描述
getBoundingClientRect()
方法返回元素的尺寸及其相对于视口的位置。
getBoundingClientRect()
方法返回一个包含八个属性的 DOMRect 对象:left, top, right, bottom, x, y, width, height。
注意
该方法会考虑已进行的滚动。这意味着矩形边缘(top, left, bottom, 和 right)的值会随着滚动位置的变化而改变。
语法
element.getBoundingClientRect()
返回值
类型 | 描述 |
对象 | 一个包含八个属性的 DOMRect 对象 left, top, right, bottom, x, y, width, height。 |
浏览器支持
element.getBoundingClientRect()
在所有浏览器中都受支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |