js_javascript スキルにおけるコンテナのサイズ、位置、距離、その他の属性の収集と並べ替え

element.clientWidth //境界線を除いた要素の実際の幅

element.clientHeight //境界線を除いた要素の実際の高さ


element.offsetWidth //要素 要素の実際の幅と境界線

element.offsetHeight //要素の実際の高さと境界線


element.scrollWidth //これについては多くの意見がありますが、テストしたところ、実際の幅 - スクロールバーの幅である必要があります。

element.scrollHeight //これについては多くの意見がありました。テストしてみました。要素の実際の高さ - スクロール バーの高さである必要があります。


element.offsetLeft // Relative 親オブジェクトからの距離。ie の下で位置が相対に設定されている場合、それは親オブジェクトからの距離です。ウィンドウに対する相対距離

element.offsetTop // 親オブジェクトに対する相対的な距離。つまり、position が相対に設定されている場合、ウィンドウからの相対距離


window。 screenLeft //IEのみの現在のウィンドウと画面間の距離

window.screenX //IE以外の現在のウィンドウと画面の距離


window.innerWidth //現在のウィンドウ サイズ (内側) は IE ではありません

window.outerWidth //現在のウィンドウ サイズ (外側) は IE ではありません


window.screen .width // 現在の画面解像度

window.screen.availWidth //現在の画面で利用可能な解像度