offsetTop、offsetLeft 算法

在元素 A 上調用 offsetTop 屬性時，必須按如下算法返回結果值：

1. 若是元素 A 是 HTML 的 body 元素，其 display 屬性計算值是 none，或者不具備 CSS 佈局盒子，則返回 0，並中止本算法。
2. 若是元素 A 的 offsetParent 是 null 或者是 HTML 的 body 元素，以 CSS 像素爲單位返回元素 A 上邊框距畫布原點的垂直距離，並中止本算法。
3. 以 CSS 像素爲單位返回元素 A 上邊框距其 offsetParent 上邊框的距離。

在元素 A 上調用 offsetLeft 屬性時，必須按如下算法返回結果值：

1. 若是元素 A 是 HTML 的 body 元素，其 display 屬性計算值是 none，或者不具備 CSS 佈局盒子，則返回 0，並中止本算法。
2. 若是元素 A 的 offsetParent 是 null 或者是 HTML 的 body 元素，以 CSS 像素爲單位返回元素 A 左邊框距畫布原點的水平距離，並中止本算法。
3. 以 CSS 像素爲單位返回元素 A 左邊框距其 offsetParent 左邊框的距離。

閱讀全文>>