使用Javascript获取元素的neto面积

Question

我尝试了一段时间来寻找element的neto区域。当我说“内图区域”时，我指的是我们在屏幕上看到的实际可见区域。

例如，你可以在新闻网站上看到图片和文本/标题，文本覆盖了图片的一部分。在这种情况下，我想要图像区域而不是文本区域。

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

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

非常感谢,

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;