如何动态更改Javascript高度

Question

我知道这个问题已经问了很多，我向你保证，我已经阅读了大部分答案。 但是，就我而言，没有一个对我有用。 我目前正在尝试：

window.onload = function(){

    var winWidth = parseInt(window.innerWidth);
    var winHeight = parseInt(window.innerHeight);

    document.getElementById("copyRight").innerHTML = winHeight;
    //This is so I could make sure the height was actually changing. It is.

    document.getElementById("grandeContain").style.width = winWidth-15+"px";
    document.getElementById("grandeContain").style.height = winheight+"px";
    document.getElementById("contain").style.width = winWidth-105+"px";
    document.getElementById("contain").style.height = winHeight-90+"px";
    document.getElementById("outside").style.width = winWidth-105+"px";
    document.getElementById("outside").style.height = winHeight-90+"px";
    document.getElementById("aroundToolBar").style.height = winHeight-90+"px";
}

但是，无论我做什么，高度都不会改变onload （我也有此副本并粘贴到onresize函数中，这也不起作用）。 宽度部分可以很好地工作（不仅因为这是div的默认设置；我已经根据window.innerWidth测试了许多不同的宽度，并且宽度已更改），但是高度拒绝更改。 我究竟做错了什么？ 我一直很难动态改变身高，如果我能一劳永逸地解决这个问题，那就太好了。

此外，如果CSS有任何与它，在div树是这样的： grandeContain>contain>(aroundToolBar+outside) ，其中contain是position:relative ， aroundToolbar是float:left和width:125px ，和outside是position:relative margin 0 0 0 125px 。

有人知道我在这里做错了吗？

另外，由于grandeContain div中的页眉和页脚及其同级包含，因此105和90年代就在那里。

Answer 1

您是否在Firebug中检查了错误？ 好像就行了：

document.getElementById("grandeContain").style.height = winheight+"px";

您有一个错字：应该是winHeight+"px"而不是winHeight+"px" winheight+"px" ； 可能导致变量不确定的错误。