例
offsetTop位置取得<div>要素を：
<div id="test">
<p>Click the button to get offsetTop for the test
div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetTop
is: <span id="demo"></span></p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
}
</script> »それを自分で試してみてください 定義と使用法
offsetTopプロパティがトップ位置返す(in pixels) offsetParentの素子の上面に対して。
返された値が含まれています：
- 要素の先頭位置、およびマージン
- offsetParentの要素の上パディング、スクロールバーと境界線
注： offsetParentのの要素が静的以外の位置を有する最も近い祖先です。
ヒント：使用して、要素の左の位置を戻すにはoffsetLeftのプロパティを。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| offsetTop | はい | 8.0 | はい | はい | はい |
構文
トップオフセット位置を返します：
object .offsetTop
技術的な詳細
| デフォルト値： | デフォルト値なし |
|---|---|
| 戻り値： | ピクセル素子の上面位置を表す番号、 |
| DOMバージョン： | CSSOM |
その他の例
例
AAの位置取得<div>要素を：
<div id="test">
<p>Click the button to get the left and top offsets for
the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p id="demo">offsetLeft: <br>offsetTop: </p>
</div>
<script>
function myFunction() {
var testDiv =
document.getElementById("test");
var demoDiv =
document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft:
" + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
}
</script>
»それを自分で試してみてください