如果在iFrame </header>中隐藏<header>

时间:2013-11-20 15:44:37

标签: javascript iframe tumblr

我正试图隐藏我的tumblr博客的标题,以防博客加载到iFrame中。但到目前为止,我没有任何成功。这就是我作为代码使用的内容:

<script type="text/javascript">
   var isInIFrame = (window.location != window.parent.location);
   if(isInIFrame==true){
       alert("It's in an iFrame");
       document.getElementById('boven').hide();
       }
   else {
       alert("It's NOT in an iFrame");
       }
</script>

我想要隐藏的部分如下:<header id="boven"></header>

我搜索并尝试了不同的东西,但它似乎没有开始工作。我确实得到alert();的真假,但它不想隐藏......

我希望有人可以帮助我,我会非常感激。所以提前谢谢!

1 个答案:

答案 0 :(得分:4)

我知道的任何原生DOM元素都没有hide()函数。在纯JavaScript中,您可以通过更改它的“显示”模式来隐藏元素:

document.getElementById('boven').style.display = "none";

在诸如jQuery之类的UI库中,可能有hide()方法。这是jQuery语法中的等价物:

$('#boven').hide();

如果您使用调试工具(如Chrome控制台,Firefox中的Firebug或IE中的F12开发工具),您会立即发现hide()上没有此类方法<header> } element。