자바스크립트에서 높이 구하기

getElementById

getElementsBy....

로 변수에 데이터를 할당했을때 아래의 값들이 있는데 그것에 대한 정의라고 한다.

scrollHeight : 스크롤바 높이를 뺀 내용 전체의 높이

clientHeight : 스크롤바 높이를 뺀 가시적인 높이

offsetHeight : 스크롤바 높이를 포함한 가시적인 높이

http://jwizard.tistory.com/10

사실 이게 더 나음!

var element = document.getElementById('image_1'),
    style = window.getComputedStyle(element),
    top = style.getPropertyValue('top');

하지만 위의 코드에서 명심해야 할 것은 getComputeStyle이 실행 될 때마다 reflow를 실행한다는 점이다.

reflow는 적게 해주는게 좋다고 한다.

http://stackoverflow.com/questions/6338217/get-a-css-value-with-javascript