HTMLElement.offsetParent 読み取り専用プロパティは、要素を含む最も近くにある（包含階層で最も近い）位置指定されたオブジェクトへの参照を返します。 要素が位置指定されていない（静的位置指定の）場合、最も近い td、th、table または body を返します。
注:
次の状況では、offsetParent は null を返します。
-
要素またはその親要素の
displayプロパティがnoneに設定されている。 -
要素の
positionプロパティがfixed（固定位置指定）に設定されている（firefox は<body>を返します）。 -
要素は
<body>または<html>要素です。
offsetTop と offsetLeft はパディング境界（padding edge）を基準とするため、offsetParent は有用です。
構文
parentObj = element.offsetParent;
- parentObj は、現在の要素がオフセットされている要素へのオブジェクト参照です。
仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| CSS Object Model (CSSOM) View Module offsetParent の定義 |
草案 |
ブラウザーの互換性
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
offsetParent | Chrome 完全対応 47 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 11 | WebView Android 完全対応 47 | Chrome Android 完全対応 47 | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。