getBoundingClientRect獲取元素位置?

getBoundingClientRect用于獲得頁面中某個元素的左，上，右和下分別相對瀏覽器視窗的位置。

?

?

getBoundingClientRect()最先是IE的私有屬性，現在已經是一個W3C標準。所以你不用當心瀏覽器兼容問題，不過還是有區別的：IE只返回top,lef,right,bottom四個值，不夠可以通過以下方法來獲取width,height的值：

??? var ro = object.getBoundingClientRect();
??? var Width = ro.right - ro.left;
??? var Height = ro.bottom - ro.top;

兼容所有瀏覽器寫法：

??? var ro = object.getBoundingClientRect();
??? var Top = ro.top;
??? var Bottom = ro.bottom;
??? var Left = ro.left;
??? var Right = ro.right;
??? var Width = ro.width||Right - Left;
??? var Height = ro.height||Bottom - Top;

有了這個方法，獲取頁面元素的位置就簡單多了:

??? var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
??? var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;

轉載于:https://www.cnblogs.com/CyLee/p/6729619.html

總結

以上是生活随笔為你收集整理的javascript 温故而知新 getBoundingClientRect的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。