HTML DOM offsetLeft 属性

HTML DOM Element オブジェクト

offsetLeft読み取り専用属性は、自身の左外側フレームからoffsetParent要素の左内側フレームまでの距離（ピクセル単位で）を取得します。

返される値には、以下が含まれます：

• 要素の左側の位置とマージン

• offsetParent要素の左側のパディング、スクロールバーと枠

注：このoffsetParent要素は、静的以外の位置が最も近い親要素です。

要素の顶部位置を返すには、以下を使用してくださいoffsetTop属性。

文法：

element.offsetLeft

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

ブラウザの互換性

すべてのブラウザで完全にoffsetLeft属性がサポートされています：

技術詳細

更多例

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 参考：offsetTop属性

HTML DOM 参考：offsetParent属性

HTML DOM Element オブジェクト