JavaScriptでoffsetLeftとoffsetTopをどのように使用すればいいですか？

JavaScriptにおいて、offsetLeftとoffsetTopは、要素がその最寄りの絶対位置付け親要素に対して左端や上端の余白を取得するためのプロパティです。

以下は使用方法です。

// 获取元素
var element = document.getElementById("myElement");

// 获取元素相对于定位父元素的左边距
var leftOffset = element.offsetLeft;

// 获取元素相对于定位父元素的上边距
var topOffset = element.offsetTop;

// 输出结果
console.log("Left offset: " + leftOffset);
console.log("Top offset: " + topOffset);

上記コードでは、最初にdocument.getElementByIdメソッドを使用して、”myElement”というIDを持つ要素を取得しました。次に、element.offsetLeftとelement.offsetTopを使用して、その要素が最も近いpositionが設定された親要素に対して左端と上端からの距離を取得し、その結果をコンソールに出力しました。