在javascript中更改元素高度属性

时间:2013-06-02 01:21:30

标签: 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>

我在下面创建了这个脚本,它只是花花公子调整高度为零,但由于某种原因,它不会执行“else”语句并将浏览器带回来。当它设置为0时,height属性是否会消失?我缺少什么,所以按钮可以将嵌入式网页的高度从250切换到0,然后从0切换到250?我确定这很简单(我在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 个答案:

答案 0 :(得分:1)

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

=更改为==。如果您不想type coercion,可以将=更改为===