使用Javascript获取元素的neto区域

时间:2013-10-16 15:58:25

标签: javascript html css

我正在尝试一段时间来找到元素的neto区域。 当我说“neto area”时,我的意思是 - 我们在屏幕上看到的实际可见区域。

例如,您可以在新闻网站上看到该图片上的图像和文字/标题,文字覆盖了图片的一部分。在这种情况下,我希望图像区域没有文本区域。

我尝试了许多方法,例如递归计算所有元素的区域 - 没有成功。

有没有简单的方法来获取这些信息?

非常感谢,

1 个答案:

答案 0 :(得分:0)

获取px中的宽度/高度/区域

纯JavaScript

var el = document.getElementById('myElement');
var width = el.offsetWidth;
var height = el.offsetHeight;
var area = width  * height;

<强>的jQuery

var el = $('#myElement');
var width = el.outerWidth();
var height = el.outerHeight();
var area = width * height;