プロジェクトでは、JSを使用して要素位置を取得して要素を見つけます。まず、写真を使用して、巻物幅、クライアント幅、およびoffsetWidthの関係を説明します。
さまざまな幅と高さを取得するJSの簡単な紹介：
Scrollheight：オブジェクトのスクロールの高さを取得します。
ScrollLeft：オブジェクトの左の境界と、ウィンドウ内の現在表示されているコンテンツの左端の間の距離を設定または取得します
スクロールトップ：オブジェクトの上部とウィンドウ内の可視コンテンツの上部との間の距離を設定または取得します
scrollwidth：オブジェクトのスクロール幅を取得します
offseTheight：レイアウトまたは親座標によって指定された親座標に対するオブジェクトの高さを取得しますoffsetparentプロパティ
offsetLeft：オフセットParentプロパティによって指定されたレイアウトまたは親座標に対するオブジェクトの計算された左の位置を取得します
オフセット：オフセットプロパティで指定されたレイアウトまたは親座標に対するオブジェクトの計算されたトップ位置を取得します
event.clientxドキュメントに対する水平座標
ドキュメントに対するClienty垂直座標
event.offsetxコンテナに対する水平座標
event.offsetyコンテナに対する垂直座標
document.documentlement.scrolltop垂直にスクロールする値
event.clientx + document.documentlement.scrolltopドキュメントの水平座標 +垂直方向のスクロールの量
上記は主にIEを指し、Firefoxの違いは次のとおりです。
IE6.0、FF1.06+：
clientWidth =幅 +パディング
clientheight = height + padding
offsetWidth =幅 +パディング +ボーダー
offsetheight = height + padding + border
IE5.0/5.5：
clientWidth = width -border
clientheight = height -border
offsetWidth = width
offseetheight = height
（CSSのマージン属性は、clientWidth、offsetWidth、、clientheight、およびoffseightとは何の関係もないことに言及する必要があります）
offsetWidth（幅+パディング+ボーダー）
OBJがHTMLコントロールであると仮定します。
obj.offsettopは、OBJから上または上部コントロールまでの位置、整数、ユニットピクセルを指します。
obj.offsetLeftとは、OBJから左または上部コントロールへの位置、整数、ユニットピクセルを指します。
obj.offsetWidthは、OBJコントロール自体の幅、整数、およびユニットピクセルを指します。スクロールバーと境界を除く、オブジェクトの可視コンテンツの幅を取得します。
obj.offseTheighは、OBJコントロール自体の高さ、整数、ユニットピクセルを指します。
offsetWidthとstyle.widthの違い
1。オフセットは数字を返しますが、style.topは文字列を返します。
2。オフセットは読み取り専用ですが、style.topは読み取りwriteです。
3. HTML要素にトップスタイルが指定されていない場合、Style.topは空の文字列を返します。