DOM

：

：

HTMLElement.offsetTop プロパティ

　編集：2022.10.02 by T.A.

[Edge]○。読取専用。→

element のボーダー領域上端から offsetParent の内容開始位置までのピクセル数を表す数値で返します。

構文
element.offsetTop
element HTMLElement。
値

ピクセル数を表す数値。

例
mouseover により情報表示

HTML： 

<DIV id=IdDiv style="border:10px solid #f00">DIV要素</DIV>
<BR>
<SPAN id=IdSpan style="border:10px solid #0f0">SPAN要素</SPAN><BR>
<BR>
<TABLE id=IdTable><TR><TD style="border:3px solid black; padding:10px;">
  <SPAN style="border:10px solid #0f0">SPAN要素</SPAN><BR>
</TABLE>
<BR>
<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){
  let E=eve.target;
  IdLog.innerHTML=E.tagName +"／offsetParent＝"+ E.offsetParent.tagName +"：offsetTop＝"+ E.offsetTop;
}
IdDiv.onmouseover=Job;   //イベント割り当て。
IdSpan.onmouseover=Job;  //イベント割り当て。
IdTable.onmouseover=Job; //イベント割り当て。
テスト