JavaScript 對(duì)象
- JavaScript Array 對(duì)象
- JavaScript Boolean 對(duì)象
- JavaScript CSS 樣式聲明對(duì)象
- JavaScript Math 對(duì)象
- JavaScript Number 對(duì)象
- JavaScript String 對(duì)象
- JavaScript 正則表達(dá)式(RegExp) 對(duì)象
- JavaScript Console 對(duì)象
JavaScript 參考手冊(cè)
JS DOM參考手冊(cè)
- JS和HTML DOM參考手冊(cè)
- HTML DOM Attribute 對(duì)象
- HTML DOM Document 對(duì)象
- HTML DOM Element 對(duì)象
- JavaScript History 對(duì)象
- JS DOM HTMLCollection 對(duì)象
- JavaScript Location 對(duì)象
- JavaScript Navigator 對(duì)象
- JavaScript Screen 對(duì)象
- HTML DOM Style 對(duì)象
- JavaScript Window 對(duì)象
- JS Storage 對(duì)象
- Event Objects(事件對(duì)象)
- HTML DOM Events
HTML DOM offsetTop 屬性
offsetTop為只讀屬性，它返回當(dāng)前元素相對(duì)于其 offsetParent 元素的頂部?jī)?nèi)邊距的距離。
返回的值包括：
元素的頂部位置和邊距
offsetParent元素的頂部填充、滾動(dòng)條和邊框
注：該offsetParent元素是最近的父級(jí)元素，它的位置不是靜態(tài)的。
要返回元素的左側(cè)位置，請(qǐng)使用offsetLeft屬性。
語(yǔ)法：
element.offsetTop
var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetTop;測(cè)試看看?/?瀏覽器兼容性
所有瀏覽器完全支持offsetTop屬性：
| 屬性 |  |  |  |  |  |
| offsetTop | 是 | 是 | 是 | 是 | 是 |
技術(shù)細(xì)節(jié)
| 返回值： | 一個(gè)數(shù)字，表示元素的頂部位置，以像素為單位 |
|---|---|
| DOM版本： | CSS對(duì)象模型（CSSOM） |
更多實(shí)例
返回DIV元素的位置：
var myBox = document.getElementById("box");
var x = document.getElementById("result");
x.innerHTML = "offsetLeft: " + myBox.offsetLeft + "<br>offsetTop: " + myBox.offsetTop;測(cè)試看看?/?相關(guān)參考
HTML DOM參考：offsetHeight屬性
HTML DOM參考：offsetWidth屬性
HTML DOM參考：offsetLeft屬性
HTML DOM參考：offsetParent屬性