JavaScript の HTML DOM 要素 offsetTop プロパティとは何ですか

上記のコード行では次のようになります。

• 関数は「」という名前で定義されています jsFunc() ”。
• その定義では、変数「 エルムント ” を” で宣言します。 だった 「」を活用したキーワード getElementById() ” 含まれている「div」に ID でアクセスするメソッド” ディビジョン1 ”。
• その後、「」を適用します。 オフセット上 「txt」変数の「」プロパティを使用して、取得した「div」の先頭位置をピクセル単位で計算します。
• 最後に、「getElementById()」が再度適用されて、追加された空の段落に近づき、「
  」要素の計算された先頭位置の値を段落内に追加します。 内部HTML ' 財産。

出力

この結果では、指定された div (マージンを含む) の最上位の位置、つまり「 35ピクセル 」は、指定されたメモ（ブログの先頭）に従って計算され、ボタンをクリックすると表示されます。

結論

JavaScript は「 オフセット上 」プロパティを使用して、ビューポートを基準とした HTML 要素の上部の位置を計算します。計算された要素の先頭位置を「」の整数値として返します。 ピクセル ”。この記事では、JavaScript での HTML DOM 要素の「offsetTop」プロパティの目的、使用法、実装について説明しました。