如何动态更改Javascript高度

我知道这个问题已经被问了很多，我向你保证我已经阅读了大部分答案。但是，就我而言，它并没有为我工作。我目前正在此：如何动态更改Javascript高度

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基于window.innerWidth进行了多种不同宽度的测试，并且它已更改），但高度拒绝更改。我究竟做错了什么？我一直在动态地改变身高方面遇到麻烦，如果我能够一劳永逸地解决这个问题，那将是一件好事。

而且，如果CSS有什么关系呢，在div树是这样的：grandeContain>contain>(aroundToolBar+outside)其中contain为position:relative，aroundToolbar是float:left和width:125px和outside是position:relative与margin 0 0 0 125px。

有没有人知道我在做什么错在这里？

另外，105s和90s在那里soley，因为grandeContain div中的页眉和页脚与他们的兄弟姐妹包含在一起。

来源

2013-02-13 Thomas Van Duyne

那么，你有什么异常？或者你可以做一个演示？ – Bergi 2013-02-13 20:18:20

你检查了萤火虫的错误吗？好像就行了：

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

你有一个错字：应为winHeight+"px"，而不是winheight+"px";可能会导致一个变量未定义的错误。

来源

2013-02-13 20:18:15 kgarrigan

如何动态更改Javascript高度

回答

相关问题