동적으로 자바 스크립트 높이를 변경하는 방법

나는이 질문이 많이 제기되어 왔고 나는 대다수의 대답을 읽었다 고 확신한다. 그러나, 나의 경우에는, 그것의 어느 것도 나를 위해 일하지 않았다. 나는 현재이 노력하고 있어요 :동적으로 자바 스크립트 높이를 변경하는 방법

이

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는 그것과 아무 상관이있는 경우

또한, 사업부 나무는 다음과 같이이다 : contain은 position:relative입니다 grandeContain>contain>(aroundToolBar+outside), aroundToolbar는 float:left 및 width:125px이며, outside은 margin 0 0 0 125px와 position:relative입니다.

내가 잘못하고있는 것을 아는 사람이 있습니까?

grandeContain div의 머리글과 바닥 글에 형제가 포함되어 있기 때문에 105s와 90s도 있습니다.

출처

2013-02-13 Thomas Van Duyne

그래서 예외가 있습니까? 또는 데모를 만들 수 있습니까? – Bergi

오류가있는 파일을 체크 인 했습니까?

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

당신은 오타가 있습니다 : 라인에 보인다 winHeight+"px" 대신 winheight+"px"해야한다; 어쩌면 변수가 정의되지 않은 오류가 발생했을 수 있습니다.

출처

2013-02-13 20:18:15 kgarrigan

동적으로 자바 스크립트 높이를 변경하는 방법

답변

관련 문제