javascript

javascript div 높이 체크해보자

항상_손님 2011. 10. 25. 17:37

getBoundingClientRect() 함수쓴다

예) <div id="leftMenu" style="height:250px"></div>
<script>
var leftMenu_height = document.getElementById('leftMenu').getBoundingClientRect().height;
alert(leftMenu_height);
</sciprt>
-----------------------------------------------------------------------------------------------
높이가 250 경고창으로 뜬다.

반환값으로
 document.getElementById('leftMenu').getBoundingClientRect().left;
 document.getElementById('leftMenu').getBoundingClientRect().top;
 document.getElementById('leftMenu').getBoundingClientRect().width; width->right
 document.getElementById('leftMenu').getBoundingClientRect().height; height->bottom

위치값만뜬다.

style 높이값 0으로 만들기
leftMenu_height.style.height ='0px';

완전 실수...잘못알았네

document.getElementById('leftMenu').offsetHeight 객체 높이구하기