본문 바로가기

HTML/JS/CSS

getBoundingClientRect - 개체 좌표 구하기.


예를 들어.

<input id ="test" value="이건 테스트여요" />

라는 개체의 좌표를 구하고자 한다면,

<script>

obj = document.getElementById("test");

left = obj.getBoundingClientRect().left
top = obj.getBoundingClientRect().top
bottom = obj.getBoundingClientRect().bottom;
right = obj.getBoundingClientRect().right;

</script>

뭐 요런식으로 구해지더라.....