HTMLElement.offsetParent

HTMLElement.offsetParent は読み取り専用プロパティで、要素を含む最も近くにある (包含階層で最も近い) 位置指定されたオブジェクトへの参照を返します。要素が位置指定されていない (静的位置指定の) 場合、最も近い祖先である td, th, table を返し、表要素の祖先がない場合は body を返します。

注:

次の状況では、offsetParentnull を返します。

  • 要素またはその親要素の display プロパティが none に設定されている。
  • 要素の position プロパティが fixed (固定位置指定) に設定されている (firefox は <body> を返します)。
  • 要素が <body> または <html> 要素である。

offsetParent が有用なのは、 offsetTopoffsetLeft がパディング境界からの相対だからです。

構文

parentObj = element.offsetParent;
  • parentObj は、現在の要素がオフセットされている要素へのオブジェクト参照です。

仕様書

仕様書 状態 備考
CSS Object Model (CSSOM) View Module
offsetParent の定義
草案

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
offsetParentChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 8Opera 完全対応 8Safari 完全対応 3WebView Android 完全対応 1Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応