JSの基本的な要素のdivを取得

1.js div要素を取得

clientHeightオブジェクトの高さを取得したが、マージン、境界線、スクロールバーを含まないが、オブジェクトは、充填剤を含みます。
clientLeft offsetLeftは、実際のプロパティの間の距離を取得し、クライアント領域を残しました。
clientTop offsetTop先端とクライアント領域の実際の特性との間の距離を求めます。
clientWidthは、オブジェクトの幅を取得したが、マージン、境界線、スクロールバーを含まないが、オブジェクトは、充填剤を含みます。
レイアウトに対する物体または親によって指定された高さを得るoffsetHeight親がoffsetParentのプロパティを調整する座標。
レイアウトに対する物体を取得または親offsetParentのプロパティを座標指定することによって左の位置を計算offsetLeft。
offsetParentの参照を取得しoffsetTop offsetLeftコンテナオブジェクトの属性を定義します。
座標親によって指定されたレイアウト又はoffsetTop属性に対する物体のoffsetTop計算先頭位置を取得します。
レイアウト幅または親offsetParentのプロパティ座標親によって指定された座標にoffsetWidthオブジェクトを相対的に得ます。
offsetXまたはオブジェクトトリガー・イベントのX座標に対するマウスポインタを設定します。
offsetYまたはトリガイベントに対する物体のマウスポインタのY座標を設定します。
clientX、マウスが上に配置されているページにclientYプロパティ現在のマウス位置左clientX = 0、clientYプロパティ= 0
がscreenX、ディスプレイに対するユーザのscreenYの位置

ページ広い可視領域：document.body.clientWidthの
ページ高い可視領域：document.body.clientHeightの
ページ広い可視領域（エッジ幅を含む）document.body.offsetWidth 
ページ高い可視領域（エッジを含むdocument.body.offsetHeight広い）
テキストページ全幅：document.body.scrollWidth 
テキストページGAO：document.body.scrollHeightの
ページは高いボリュームにある：document.body.scrollTopの
ウェブを左に巻かれている：document.body.scrollLeft 
ページの本体部：window.screenTopの
左側のページ部分の本体：window.screenLeftの
高い画面解像度：window.screen.height 
画面解像度幅：window.screen.width 
利用可能な画面の高さワークスペース：window.screen.availHeight 
画面幅利用できるワークスペース：window.screen.availWidth

例えば：

これ以上のマウスがDIVかどうかを判断するために、

DIV =のdocument.getElementByIdのVAR（ "dialog_div"）; 
VAR = divx1 div.offsetLeft; 
VAR = divy1 div.offsetTop; 
VAR = div.offsetLeft divx2 + div.offsetWidth; 
VAR = div.offsetTop divy2 + div.offsetHeight、
VaRのX event.clientX =; 
VAR Y = event.clientY; 
// divのマウスは、この内返される
（X> X divx1 && IF < divx2 && Y > divy1 && Y < divy2 ）{ 
    trueにリターン; 
}