[解決済み] jQueryでdiv要素のバウンディングボックスを取得する方法

質問

jQuery/JavaScriptでdiv要素のバウンディングボックスを計算したいのですが、どうすればいいですか？

こんな感じでやってみました。

//Left side of box 
document.getElementById("myElement").offsetLeft; 
//Top side of box 
document.getElementById("myElement").offsetTop;  
//Right side of box
document.getElementById("myElement").offsetLeft + document.getElementById("myElement").offsetWidth; 
//Bottom side of box 
document.getElementById("myElement").offsetTop + document.getElementById("myElement").offsetHeight; 

jQuery / JavaScriptでdiv要素のバウンディングボックスを取得する方法が正しいかどうか、いくつかの値を返します。

次のようなものが必要です。 getBBox() メソッドを SVG を返します。 x , y , width と height を指定します。同じように、div要素のバウンディングボックスを取得するにはどうすればよいですか？

どのように解決するのですか？

を呼び出すことで、任意の要素のバウンディングボックスを取得することができます。 取得バウンディングクライアント矩形

var rect = document.getElementById("myElement").getBoundingClientRect();

これは、left, top, width, height フィールドを持つオブジェクトを返します。