JavaScriptでoffsetParentの使い方

JavaScriptのoffsetParentプロパティは、親要素のうちpositionプロパティがstatic以外になっているものの中で最も近い要素への参照を返します。

offsetParent プロパティは、ある要素の相対位置を特定するために使用されます。これは、その要素の offsetParent 要素に対する相対的な位置です。offsetLeft と offsetTop プロパティを使用して、offsetParent 要素に対する左と上の位置を取得できます。

offsetParentプロパティの使い方の例を以下に示します：

var element = document.getElementById("myElement");
var parent = element.offsetParent;
console.log(parent); // 输出最近的已定位的父元素的引用
var leftPosition = element.offsetLeft;
var topPosition = element.offsetTop;
console.log(leftPosition, topPosition); // 输出相对于offsetParent元素的左侧和顶部位置

位置決めされた親要素が存在しない場合、offsetParent 属性は null を返します。