+
95
-

js怎么获取当前元素在屏幕上显示的位置与尺寸?

js怎么获取当前元素在屏幕上显示的位置与尺寸?

使用csstree和dom tree还有layout tree获取不是很精确,有没有其他的办法?

const rect = dom.getBoundingClientRect():

getComputedStyle(dom).width


网友回复

+
15
-

四种方式可以获取dom元素的长度位置

dom.getBoundingClientRect().width:

获取方式: 使用 getBoundingClientRect 方法获取包含元素在视口中位置和尺寸的 DOMRect 对象,然后获取它的 width 属性。

注意事项: 返回的宽度值是一个浮点数,表示元素在视口中的宽度,包括边框。

还有top、right、height、bottom、right等属性值。

getComputedStyle(dom).width:获取方式: 使用 getComputedStyle 方法获取元素的计算后样式,然后...

点击查看剩余70%

我知道答案,我要回答