HTML DOM getBoundingClientRect()メソッド
❮要素オブジェクト例
要素のサイズとビューポートに対する相対的な位置を返します。
var rect = obj.getBoundingClientRect();
定義と使用法
getBoundingClientRect()メソッドは、要素のサイズとビューポートに対する相対的な位置を返します。
このメソッドは、left、top、right、bottom、x、y、width、heightの8つのプロパティを持つDOMRectオブジェクトを返します。
注:境界矩形を計算するときに、ビューポート領域で実行されたスクロールの量が考慮されます。これは、スクロール位置が変わるたびに、長方形のエッジ(上、左、下、右)の値が変わることを意味します。
ブラウザのサポート
表の数字は、このメソッドを完全にサポートする最初のブラウザバージョンを示しています。
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
構文
element.getBoundingClientRect()
技術的な詳細
DOMバージョン: | CSSオブジェクトモデル(CSSOM)ビューモジュール |
---|---|
戻り値: | 左、上、右、下、x、y、幅、高さの8つのプロパティを持つDOMRectオブジェクト。 |
❮要素オブジェクト