HTML DOM offsetTop属性

HTML DOM Element オブジェクト

offsetTop読み取り専用属性であり、現在の要素がoffsetParent要素のトップインナーパディングからどの距離にあるかを返します。

返される値には：

• 要素のトップ位置とマージン

• offsetParent要素のトップパディング、スクロールバー、ボーダー

注：このoffsetParent要素は最も近い親要素であり、その位置は静的ではありません。

要素の左側の位置を返すには、offsetLeft属性。

文法：

element.offsetTop

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

ブラウザの互換性

すべてのブラウザがoffsetTop属性を完全にサポートしています：

技術的詳細

さらに例

DIV要素の位置を返す：

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

関連参考

HTML DOM 参考：offsetHeight属性

HTML DOM 参考：offsetWidth属性

HTML DOM 参考：offsetLeft属性

HTML DOM 参考：offsetParent属性

HTML DOM Element オブジェクト