HTML DOM offsetTop 속성

HTML DOM Element 객체

offsetTop읽기 전용 속성으로, 현재 요소가 offsetParent 요소에 대한 상단 내간격을 반환합니다.

반환되는 값은 다음과 같습니다:

• 요소의 상단 위치와 여백

• offsetParent 요소의 상단 패딩, 스크롤 바, 경계선

주의:이offsetParent요소는 가장 가까운 부모 요소이며, 위치가 정적이지 않습니다.

요소의 왼쪽 위치를 반환하려면 사용하세요offsetLeft속성.

문법:

element.offsetTop

var　myBox　=　document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetTop;

브라우저 호환성

모든 브라우저에서 offsetTop 속성이 완전히 지원됩니다:

기술 세부 사항

더 많은 예제

DIV 요소의 위치를 반환하다:

var　myBox　=　document.getElementById("box");
var　x　=　document.getElementById("result");
x.innerHTML　=　"offsetLeft:　"　+　myBox.offsetLeft　+　"<br>offsetTop:　"　+　myBox.offsetTop;

관련 참조

HTML DOM 참조:offsetHeight 속성

HTML DOM 참조:offsetWidth 속성

HTML DOM 참조:offsetLeft 속성

HTML DOM 참조:offsetParent 속성

HTML DOM Element 객체