使用Javascript获取元素的neto区域

Question

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

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

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

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

非常感谢，

Answer 1

获取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;