how to get bounding box for div element in jquery

Question

i want to calculate bounding box for div element via jquery/javascript.

i tried like this .

//Left side of box 
document.getElementById(\"myElement\").of         


        

Answer 1

You can get the bounding box of any element by calling getBoundingClientRect

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

That will return an object with left, top, width and height fields.