HTMLElement.offsetParent は読み取り専用プロパティで、要素を含む最も近くにある (包含階層で最も近い) 位置指定されたオブジェクトへの参照を返します。要素が位置指定されていない (静的位置指定の) 場合、最も近い祖先である td, th, table を返し、表要素の祖先がない場合は body を返します。
注:
次の状況では、offsetParent は null を返します。
- 要素またはその親要素の
displayプロパティがnoneに設定されている。 - 要素の
positionプロパティがfixed(固定位置指定) に設定されている (firefox は<body>を返します)。 - 要素が
<body>または<html>要素である。
offsetParent が有用なのは、 offsetTop と offsetLeft がパディング境界からの相対だからです。
構文
parentObj = element.offsetParent;
parentObjは、現在の要素がオフセットされている要素へのオブジェクト参照です。
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Object Model (CSSOM) View Module offsetParent の定義 |
草案 |
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
offsetParent | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 8 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 1 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 10.1 | Safari iOS 完全対応 1 | Samsung Internet Android 完全対応 1.0 |
凡例
- 完全対応
- 完全対応