요소 offsetLeft 속성
❮ 요소 개체예시
<div> 요소의 offsetLeft 위치를 가져옵니다.
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
정의 및 사용
offsetLeft 속성은 offsetParent 요소의 왼쪽에 상대적인 왼쪽 위치(픽셀 단위)를 반환합니다.
반환된 값에는 다음이 포함됩니다.
- 요소의 왼쪽 위치 및 여백
- offsetParent 요소의 왼쪽 패딩, 스크롤바 및 테두리
참고: offsetParent 요소는 static 이 아닌 위치를 가진 가장 가까운 조상입니다.
팁: 요소의 상단 위치를 반환하려면 offsetTop 속성을 사용하십시오.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
통사론
왼쪽 오프셋 위치를 반환합니다.
object.offsetLeft
기술적 세부 사항
기본값: | 기본값 없음 |
---|---|
반환 값: | 요소의 왼쪽 위치를 픽셀 단위로 나타내는 숫자 |
DOM 버전: | CSSOM |
더 많은 예
예시
<div> 요소의 위치 가져오기:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ 요소 개체