본문 바로가기

javascript

javascript div 높이 체크해보자


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 객체 높이구하기

'javascript' 카테고리의 다른 글

jquery img width() 크론  (0) 2012.03.28
ie9 버그  (0) 2011.10.31
jquery iframe에서 부모창 제어하기  (0) 2011.08.24
jQuery Ajax  (0) 2011.08.23
jQuery 소개  (0) 2011.03.24