javascript - 使用 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;