div 요소의 속성을 자바 스크립트에서 변경하는 경우

자바 스크립트에서 제어하고자하는 "내부"div 요소가 있습니다. 지금 loaded() 함수의 코드는 아무 것도하지 않습니다.div 요소의 속성을 자바 스크립트에서 변경하는 경우

는 여기에 내가 지금은 30 %입니다, # 내부에서 수동으로 비율을 변경할 수 있어요, 이제 본문 부분

<body onload = "loaded()"> 
<div id="outer"> 
       <div id="inner"> 
       <div></div> 
       </div> 
      </div> 
</body>

는 SCC와 자바 스크립트 부분 여기

<style> 
#outer {  

    width: 30px; 
    height: 80px; 
    border: 2px solid #ccc; 
    overflow: hidden; 

    position: relative; 

    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 

} 

#inner, #inner div { 
    width: 100%; 
    overflow: hidden; 
    left: -2px; 
    position: absolute; 
} 

#inner { 
    border: 2px solid #999; 
    border-top-width: 0; 
    background-color: blue; 

    bottom: 0; 
    height: 30%; 
} 

#inner div { 
    border: 1px blue; 
    border-bottom-width: 0; 
    background-color: blue; 

    top: 0; 
    width: 100%; 
    height: 2px; 
} 

</style> 
<script> 


    function loaded(){ 
     document.getElementById("inner").setAttribute("height","100%"); 

    }  

</script>

이다. 나는 그것이 divs에 대한 이해의 나의 운이 될 수 있었다고 생각한다.

출처

2014-02-12 user3299502

var myDiv = document.getElementById("inner"); 
myDiv.style.height = "40%";

출처

2014-02-12 20:36:44 Adosi

감사합니다. 일했다! :) – user3299502

당신이 가까이있었습니다. height은 div 요소의 속성이 아니고 style은이고 height은 style의 속성입니다. 대신 다음을 시도해보십시오.

function loaded(){ 
    document.getElementById("inner").style.setAttribute("height","100%"); 
}

출처

2014-02-12 20:38:53 Will

감사합니다 !!! document.getElementById ("inner"). style.height = "40 %"; 일했다! – user3299502

div 요소의 속성을 자바 스크립트에서 변경하는 경우

답변

관련 문제