HTML DOM offsetTop プロパティ
要素オブジェクト例
div 要素の上部オフセットを取得する:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
試してみる »
定義と用法
offsetTop は読み取り専用プロパティで、現在の要素の offsetParent ノードの上端境界に対するオフセットピクセル値を返します。
戻り値には以下が含まれます:
- 要素の上端オフセットのピクセル値、要素のマージン（margin）
- offsetParent 要素の上端パディング（padding）、ボーダー（border）、およびスクロールバー
注意: offsetParent要素は、その要素を含む最も近い（包含階層上の最も近い）位置指定要素、または最も近い要素を指します。
ヒント:要素の左側のオフセットを取得するには、次を使用しますoffsetLeftプロパティ。
ブラウザサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| offsetTop | Yes | Yes | Yes | Yes | Yes |
構文
element.offsetTop
技術詳細
| 戻り値： | その要素の上部オフセットを表す整数を返します。単位はピクセル (px) です。 |
|---|
その他の例
例
div 要素の位置を取得する:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
試してみる »
その他の拡張