HTML DOM getBoundingClientRect() 方法

HTML DOM Element 對象

getBoundingClientRect()方法返回元素的大小及其相對于viewport(視口)的位置。

返回的值是具有八個屬性的DOMRect對象：left, top, right, bottom, x, y, width, height。

注意：在計算邊界矩形時，要考慮viewport區(qū)域的滾動量。這意味著每當滾動位置發(fā)生變化時，矩形的邊緣(頂部、左側(cè)、底部和右側(cè))都將更改它們的值。

語法：

element.getBoundingClientRect()

var div = document.getElementById("myDiv");
var rect = div.getBoundingClientRect();

瀏覽器兼容性

所有瀏覽器完全支持getBoundingClientRect()方法：

方法
getBoundingClientRect()	是	是	是	是	是

技術(shù)細節(jié)

HTML DOM Element 對象