yaogengzhu / Learning-notes

基础回顾、笔记
1 stars 0 forks source link

Document 基础API (2022-05-12) #32

Open yaogengzhu opened 2 years ago

yaogengzhu commented 2 years ago

Element.getBoundingClientRect()

方法返回元素的大小及其相对视口的位置

const domRect = element.getBoundingClientRect()

得到的结果:

返回的结果是包含完整元素的最小矩形,并且拥有left, top, right, bottom, x, y, width, 和 height这几个以像素为单位的只读属性用于描述整个边框。除了width 和 height 以外的属性是相对于视图窗口的左上角来计算的。

image