HTML DOM Element offsetLeft 속성
- 이전 페이지 offsetWidth
- 다음 페이지 offsetParent
- 上一层으로 돌아가기 HTML DOM Elements 객체
정의 및 사용법
offsetLeft 이 속성은 부모에 대한 왼쪽 위치(픽셀로 계산)를 반환합니다. 이 속성은 읽기 전용입니다.
반환 값은 포함됩니다：
- 엘리먼트의 왼쪽 위치와 외간격
- 부모의 왼쪽 내간격, 스크롤바 및 경계
참조하십시오：CSS 프레임워크 강의
offsetParent
모든 블록 요소는 offsetParent에 대한 상대적 오프셋을 보고합니다：
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
offsetParent은 가장 가까운 비정적 위치를 가진 조상입니다.
offsetParent이 존재하지 않으면, 오프셋은 문서 본문에 대한 상대적 위치입니다.
추가로 참조하십시오：
예제
예제 1
"myDIV"의 offsetLeft 위치를 가져오기：
const element = document.getElementById("myDIV");
let pos = element.offsetLeft;
예제 2
"myDIV"의 위치를 가져오기：
const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;
문법
왼쪽 위치를 반환합니다：
element.offsetLeft
반환 값
| 타입 | 설명 |
|---|---|
| 숫자 | 엘리먼트의 왼쪽 위치를 픽셀로 계산한 값입니다. |
브라우저 지원
모든 브라우저가 지원합니다 element.offsetTop：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| 지원 | 지원 | 지원 | 지원 | 지원 | 지원 |
- 이전 페이지 offsetWidth
- 다음 페이지 offsetParent
- 上一层으로 돌아가기 HTML DOM Elements 객체
