HTML DOM offsetLeft 속성

HTML DOM Element 객체

offsetLeft읽기 전용 속성으로, offsetParent 요소의 왼쪽 외곽선에서 offsetParent 요소의 왼쪽 내곽선까지의 거리(픽셀 단위)를 반환합니다.

반환된 값은 다음을 포함합니다:

• 요소의 왼쪽 위치와 여백

• offsetParent 요소의 왼쪽 여백, 스크롤 바와 테두리

주의:이offsetParent요소는 정적 이외의 가장 가까운 부모 요소.

요소의 상단 위치를 반환하려면 사용하세요offsetTop속성.

문법:

element.offsetLeft

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

브라우저 호환성

모든 브라우저가 offsetLeft 속성을 완전히 지원합니다:

기술 세부 사항

更多实例

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 참조:offsetTop 속성

HTML DOM 참조:offsetParent 속성

HTML DOM Element 객체