offsetLeft,offsetTop,與getClientRect()[0].x,getClientRect()[0].y

  • getClientRect是元素的絕對位置,絕對指的是相對於顯示器視口的絕對定位。

另外須要注意:當一個元素隱藏時(display:none),getClientRect()的length=0;而getBoundClientRect() 能獲取到,只是x,y,width等全是0;html

  • offsetLeft的理解方式同position:absolute,相對的是上一個不爲static的元素,而不是body或者html之類的
  • 另外:低版本Android(好比7.0)自帶瀏覽器,getClientRect()[0]沒有x,y值,請使用left和top

若是頁面上只有一個元素,則兩種值會相同,會形成概念混淆瀏覽器

相關文章
相關標籤/搜索