如何在 JavaScript 中設置元素的 style.top 屬性？

Question

我必須修復一個 JavaScript 源代碼，它根據名為 index 的函數的整數參數設置 div 元素的 style.top 屬性，如下所示：

div.style.top = (index * 22 + 2)+"px";

對於較大的索引值(20, 21, 22,.... 53, 54,...) div.style.top 的值不再准確，即它變得太大，而對於較小的值（即index < 10 ) 這樣計算出來的 div.style.top 的值是可以的。 我的想法是使用已經存在的名為 checkbox 的 HTML 元素，它在視覺上是正確對齊的，並采用它的 style.top 值，如下所示：

div.style.top = checkbox.style.top

但是 checkbox.style.top 沒有定義，雖然元素 checkbox 正確顯示在 HTML 頁面上。

有沒有辦法將 checkbox.style.top 的值設置為等於它所采用的實際絕對位置，而不知道這個值是什么？

Answer 1

使用element.offsetTop; （每個 MDN）：

var d = document.getElementById("div1");
var topPos = d.offsetTop;

if (topPos > 10) {
  // object is offset more
  // than 10 pixels from its parent
}