offsetLeft，offsetTop,与getClientRect[0].x,getClientRect[0].y 关系

2024年3月4日 109次阅读 来源: 纤细的一帆风顺
  1. getClientRect是元素的绝对位置，绝对指的是相对于显示器视口的绝对定位。

另外需要注意：当一个元素隐藏时（display:none）,getClientRect()的length=0；而getBoundClientRect() 能获取到，只是x,y,width等全是0；

  1. offsetLeft的理解方式同position:absolute,相对的是上一个不为static的元素，而不是body或者html之类的

如果页面上只有一个元素，则两种值会相同，会造成概念混淆

    原文作者：纤细的一帆风顺
    原文地址: https://segmentfault.com/a/1190000019607582
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞