js中getBoundingClientRect()的用法介紹

平時經常獲取一個div的位置，用了定位，取位置還好，在不用定位的情況下，計算一個div在頁面的距離，就可以用到getBoundingClientRect()方法。

getBoundingClientRect()  獲取元素的位置

用法：

document.documentElement.getBoundingClientRect

var div = document.documentElementById(id);

div .getBoundingClientRect().top  　　　　　　 獲取div到頁面頂端的距離　　

div .getBoundingClientRect().bootom  　　　   獲取div到頁面頂端的距離　

div .getBoundingClientRect().left　　　　　　  獲取div到頁面最左邊的距離　

div .getBoundingClientRect().right　　　　　　 獲取div到頁面最右邊的距離

感覺這個屬性十分實用，不需要每次都需要去計算！