증가 사업부 높이

Question

I가 다음 div의 :

<div id="outer"> 
<div id="inner" >Inner1 
    <div id="ininner1" >Ininner1</div> 
    <div id="ininner2">Ininner2</div> 
</div> 
<div id="inner2">Inner2</div> 
</div> 

가 하나의 컬럼에 있도록하는 방법은 자신의 높이를 증가 할 수 있습니까? 나는 루프 어쩌면 생각,하지만 난

#inner{ 
background-color:#B0C2F7; 
top: 80px; 
left: 125px; 
} 

#inner2{ 
background-color:#FF0000; 
top: 180px; 
left: 25px; 
} 

Ininner의 div의이 '최고'에 대한 서로 다른 번호가 같은 방법 즉 div의 작업을 얼마나 확실히 모르겠어요. 가능한 경우 루프를 사용하는 것뿐입니다.

Answer 1

이 시도 :

var containerDiv = document.getElementById("circle"); 
var innerDivs = containerDiv.getElementsByTagName("DIV"); 
for(var i=0; i<innerDiv.length;i++){ 
    //height increment here 
};