javascript - 如何检查 div 中是否有任何内容可见

Question

我的页面上有一个脚本，它将广告网络中的内容加载到 div 中。该广告网络的填充率为 80%，即它仅在 80% 的时间转换广告，另外 20% 的时间不展示广告。遗憾的是，广告网络没有向我提供回调来告诉我它何时没有转换广告。因此，有时此 div 会显示广告，有时则显示空白。

这在我的网站上看起来很可怕，让我成为一只悲伤的 Pandas 。有没有办法检查 div 内是否有内容可见？如果我知道这一点，我就会知道何时显示 div，何时隐藏它。

这听起来像是一个很难解决的问题，但我想看看是否有任何解决方案。各位大师，交给你们了。

Answer 1

我认为最好的解决方案是寻找更可靠的广告网络。但是，您可以通过使用 jQuery 对象的 length 属性来检查任何 DOM 元素是否存在。例如:

if (!$('#adframe img').length) {
  // the ad image doesn't exist, so do something to deal with it
}

这只是一个通用示例，因为我不知道广告标记的结构，也不知道有时会缺少哪些元素，但重点是使用 length 属性来查看选择器有多少个元素火柴。如果找不到该元素，该值将为零，您可以使用它来执行一些操作。