HTML DOM Element offsetLeft 属性
- 前のページ offsetWidth
- 次のページ offsetParent
- 上一層に戻る HTML DOM Elements オブジェクト
定義と使用法
offsetLeft
属性は親に対しての左側位置(ピクセルで計算)を返します。この属性は読み取り専用です。
返り値には含まれます:
- 要素の左側位置と外余白
- 親の左内余白、スクロールバーとボーダー
も参照してください:CSS フレームワークモデル教程
offsetParent
すべてのブロックレベル要素は、オフセット親に対してのオフセット量を報告します:
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
オフセット親とは、非静的な位置を持つ最も近い祖先を指します。
オフセット親が存在しない場合、オフセットはドキュメント本文に対して相対的です。
も参照してください:
例
例 1
"myDIV" の offsetLeft 位置を取得します:
const element = document.getElementById("myDIV"); let pos = element.offsetLeft;
例 2
"myDIV" の位置を取得します:
const element = document.getElementById("myDIV"); let pos1= element.offsetTop; let pos2= element.offsetLeft;
文法
左偏移位置を返します:
element.offsetLeft
返り値
タイプ | 説明 |
---|---|
数字 | 要素の左側の位置、ピクセルで計算。 |
ブラウザのサポート
すべてのブラウザがサポートしています element.offsetTop
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
サポート | サポート | サポート | サポート | サポート | サポート |
- 前のページ offsetWidth
- 次のページ offsetParent
- 上一層に戻る HTML DOM Elements オブジェクト