如果广告没有出现，如何隐藏 div [英] How do hide div if ad does not appear

问题描述

我刚刚在我的网站中实施了 AdSense.我在包含我的广告的 div 中添加了一个 box-shadow 以增加深度级别.当没有广告，或者广告被 adblock 或其他东西屏蔽时，那个 div 是空的，box-shadow 就在那里，看起来很愚蠢.如果没有显示或阻止广告，如何隐藏该 div?到目前为止，这是我的代码:

<script type="text/javascript"><!--广告内容//--><脚本类型=文本/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

#footer {位置:相对；底部:0;宽度:728px；高度:90px；文本对齐:居中；框阴影:0px 0px 10px 黑色；左边距:自动；右边距:自动；}

解决方案

这个 javascript 删除 div:

var el = document.getElementById("footer");if (el.innerHTML == "") {el.parentNode.removeChild(el)};

但是如果它弄乱了您的布局，您可以只为困扰您"和/或看起来不好看的 CSS 设置样式.
如果为空，隐藏:

addEvent(window, 'load', function(){var el = document.getElementById("footer");if (el.innerHTML == "") {el.style.display="none";}});

I just implemented AdSense in my website. I've added a box-shadow to the div that contains my ad to add a level of depth. When there's no ad, or the ad is blocked using adblock or something, that div is empty and the box-shadow is just there and it looks stupid. How do I hide that div if no ad is shown or blocked? here's my code thus far:

<div id="footer">
<script type="text/javascript"><!--
    ad stuff
    //-->
</script>
<script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

#footer { 
position: relative;
bottom:0;
width:728px;
height: 90px;
text-align: center;
box-shadow: 0px 0px 10px black;
margin-left: auto;
margin-right: auto;
}

解决方案

This javascript removes the div:

var el = document.getElementById("footer");
if (el.innerHTML == "") {el.parentNode.removeChild(el)};

But if it messes your layout you can just set styles for CSS that are "bothering you" and/or don't look good empty.
To hide it if empty:

addEvent(window, 'load', function(){
var el = document.getElementById("footer");
if (el.innerHTML == "") {el.style.display="none";}
});

这篇关于如果广告没有出现，如何隐藏 div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！