javascript - 使用 Javascript 获取元素的 neto 区域

Question

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

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

我尝试了很多方法，例如计算所有元素面积的递归 - 但都没有成功。

有什么简单的方法可以获取这些信息吗？

非常感谢，

Answer 1

以像素为单位获取宽度/高度/面积

纯 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;