如何在jquery中获取div元素的边界框 [英] how to get bounding box for div element in jquery

问题描述

我想通过jquery / javascript来计算div元素的边框。

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

我试过这样。

//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元素的边界框。

it returns some values. whether it is correct way to get bounding box for div element via jquery / javascript.

code>元素中的code> getBBox（）方法。它将返回元素的x，y，width和height。

i need something like getBBox() method in SVG element. it will return x,y ,width and height of an element. sameway how can i get bounding box for div element.

谢谢，

Siva

推荐答案

您可以通过调用getBoundingClientRect

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

这将返回一个带有left，top，width和height字段的对象。

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

这篇关于如何在jquery中获取div元素的边界框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！