offset
offsetはオフセットで、この属性は要素の位置やサイズなどを動的に取得することができます。
- 親要素からの距離を取得します。
- 要素自体の大きさを取得します 3. 注意：返される値は単位ではありません。
offsetスタイルとの違い
offset
offsetは、任意のスタイル・シート内のスタイルの値を取得します。
オフセット・シリーズで得られた値は単位なし。
offsetWidth パディングを含む+border+width
offsetWidthなどのプロパティは読み取り専用で、取得はできますが、割り当てはできません。
要素のサイズと位置を取得するには、オフセットがより適切です。
style
styleは、インライン スタイル シートからしかスタイル値を取得できません。
style.widthは単位付きの文字列を取得します。
style.width は、パディングとボーダーを除いた値を取得します。
style.widthは読み書き可能なプロパティで、取得または代入することができます。
要素の値を変更するには、スタイルで変更する必要があります。
要素clientの視覚領域
クライアントは、クライアントのプロパティを使用して要素の視覚領域に関する情報を取得します。クライアントのプロパティを使用すると、要素のボーダーサイズや要素サイズなどを動的に取得することができます。
要素スクロール
スクロールは、スクロールの関連プロパティを使用して動的にカルシウム要素のサイズ、スクロール距離などを取得することができます。
- window.pageYOffsetこれはscrollTopと等価です。
- window.pageXOffsetはscrollLeftと等価です。 ブラウザの高さがページ全体を表示するのに十分でない場合、スクロールバーが自動的に表示されます。スクロールバーが下にスクロールしたときに隠れるページの上の高さは、スクロールされるページのヘッダーと呼ばれます。onscroll イベントは、スクロールバーがスクロールされたときに発生します。
1.offsetシリーズは、要素の位置を取得するためによく使用されます offsetLeft offsetTop
2. クライアントは、要素のサイズを取得するためによく使用されます clientWidth clientHeight
3.scrollは、スクロール距離を取得するためによく使用されます scrollTop scrollLeft
4.ページのスクロール距離は、window.pageXOffsetで得られることに注意してください。
