HTML DOM getBoundingClientRect() 方法

HTML DOM Element 對(duì)象

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

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

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

語(yǔ)法：

element.getBoundingClientRect()

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

瀏覽器兼容性

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

方法
getBoundingClientRect()	是	是	是	是	是

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

HTML DOM Element 對(duì)象