2013-06-02 70 views
-1

我有一个看起来像这样在我的网站上嵌入的网页:变化的元素height属性在JavaScript

<embed src=http://www.green-panda.com width="100%" height="250" style="overflow:hidden;" id="browser"></embed> 

然后在它下面的按钮应该是“隐藏”和“显示”或调整从250到0,然后返回到每次250高度你点击它:

<button class="btn" id="hide" data-original-title="hide" onclick="hideBrowser()"><i class="icon-minus"></i></button> 

我创造了这个脚本的下方,它只是花花公子调整高度为零,但由于某种原因,它不会做“其他”声明并将浏览器恢复。高度属性设置为0时是否消失?我错过了什么,所以按钮可以将嵌入式网页的高度从250更改为0,然后再将其从0更改为250?我敢肯定,it'something简单(我没那么伟大的JavaScript)的

function hideBrowser() 
    { 
     if (document.getElementById("browser").height="250") 
     { 
      document.getElementById("browser").height="0"; 
      document.getElementById("hide").innerHTML="<i class='icon-plus'></i>"; 
     } 
     else 
     { 
      document.getElementById("browser").height="249"; 
      document.getElementById("hide").innerHTML="<i class='icon-minus'></i>"; 
     }; 
    } 

回答

1
if (document.getElementById("browser").height=="250") 

变化===。如果你不想要type coercion,你可以将=更改为===

+0

哇。我感到非常愚蠢....应该知道一个:(谢谢你,虽然。 – user2371301

+0

@ user2371301:你也可以改变为===,看看我更新的答案 –