HTML DOM Element offsetLeft 属性

定義と使用法

offsetLeft 属性は親に対しての左側位置(ピクセルで計算)を返します。この属性は読み取り専用です。

返り値には含まれます:

  • 要素の左側位置と外余白
  • 親の左内余白、スクロールバーとボーダー

も参照してください:CSS フレームワークモデル教程

offsetParent

すべてのブロックレベル要素は、オフセット親に対してのオフセット量を報告します:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

オフセット親とは、非静的な位置を持つ最も近い祖先を指します。

オフセット親が存在しない場合、オフセットはドキュメント本文に対して相対的です。

も参照してください:

offsetTop 属性

offsetWidth 属性

offsetHeight 属性

offsetParent 属性

clientTop 属性

clientLeft 属性

clientWidth 属性

clientHeight 属性

例 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
サポート サポート サポート サポート サポート サポート