HTML DOM offsetTop 屬性

HTML DOM Element 對象

offsetTop為只讀屬性，它返回當前元素相對于其 offsetParent 元素的頂部內(nèi)邊距的距離。

返回的值包括：

• 元素的頂部位置和邊距

• offsetParent元素的頂部填充、滾動條和邊框

注：該offsetParent元素是最近的父級元素，它的位置不是靜態(tài)的。

要返回元素的左側(cè)位置，請使用offsetLeft屬性。

語法：

element.offsetTop

var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetTop;

瀏覽器兼容性

所有瀏覽器完全支持offsetTop屬性：

屬性
offsetTop	是	是	是	是	是

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

更多實例

返回DIV元素的位置：

var myBox = document.getElementById("box");
var x = document.getElementById("result");
x.innerHTML = "offsetLeft: " + myBox.offsetLeft + "<br>offsetTop: " + myBox.offsetTop;

相關(guān)參考

HTML DOM參考：offsetHeight屬性

HTML DOM參考：offsetWidth屬性

HTML DOM參考：offsetLeft屬性

HTML DOM參考：offsetParent屬性

HTML DOM Element 對象