HTML DOM getBoundingClientRect() メソッド

HTML DOM Element オブジェクト

getBoundingClientRect()このメソッドは、要素のサイズとviewport（ビューポート）に対する位置を返します。

返り値は、left、top、right、bottom、x、y、width、heightという8つの属性を持つDOMRectオブジェクトです。

注意：境界矩形を計算する際には、viewportエリアのスクロール量を考慮する必要があります。これは、スクロール位置が変更されるたびに、矩形の端（上部、左側、下部、右側）が値を変更することを意味します。

構文：

element.getBoundingClientRect()

var div = document.getElementById("myDiv");
var rect = div.getBoundingClientRect();

ブラウザの互換性

すべてのブラウザが完全にgetBoundingClientRect()メソッドをサポートしています：

技術的詳細

HTML DOM Element オブジェクト