要素offsetLeftプロパティ
❮要素オブジェクト例
<div>要素のoffsetLeft位置を取得します。
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
定義と使用法
offsetLeftプロパティは、offsetParent要素の左側を基準にした左側の位置(ピクセル単位)を返します。
戻り値は次のとおりです。
- 左の位置、および要素のマージン
- offsetParent要素の左側のパディング、スクロールバー、および境界線
注: offsetParent要素は、静的以外の位置を持つ最も近い祖先です。
ヒント:要素の一番上の位置を返すには、offsetTopプロパティを使用します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
構文
左オフセット位置に戻ります。
object.offsetLeft
技術的な詳細
デフォルト値: | デフォルト値なし |
---|---|
戻り値: | 要素の左側の位置をピクセル単位で表す数値。 |
DOMバージョン: | CSSOM |
その他の例
例
aa <div>要素の位置を取得します。
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮要素オブジェクト