[Edge]。→
element とそのに対する配置位置と、要素寸法に関する情報を表す DOMRect で返します。
| element | Element。 |
|---|
DOMRect オブジェクト。
このオブジェクトは、パディングと境界の幅を含む、要素全体が収まる最小の長方形です。left、top、right、bottom、x、y、width、height の各プロパティは、長方形の全体の位置と大きさをピクセル数で記述します。width と height 以外のプロパティは、ビューポートの左上を基準としています。
HTML：
<DIV style="border:1px solid #000">DIV要素。外側 <DIV id=IdTest style="margin:10px; border:5px solid #f88; padding:10px;">DIV要素。id=IdTest </DIV> 終わり </DIV>
JavaScript：
D=IdTest.getBoundingClientRect() //＝[object]：[object DOMRect]
//x＝[number]：42.890625
//y＝[number]：236.640625
//width＝[number]：1052.21875
//height＝[number]：52.796875
//top＝[number]：236.640625
//right＝[number]：1095.109375
//bottom＝[number]：289.4375
//left＝[number]：42.890625
//toJSON＝[function]：function toJSON() { [native code] }
ビューポート…表示ウインドウの文書表示エリアの内部領域の左上から、elementの各辺までの距離。
数値が合わない場合もあるようです。