최신 웹 개발 튜토리얼
 

Element offsetLeft Property

<요소 개체

a의 offsetLeft 위치 가져 오기 <div> 요소를 :

<div id="test">
<p>Click the button to get offsetLeft for the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetLeft is: <span id="demo"></span></p>
</div>

<script>
function myFunction() {
    var testDiv = document.getElementById("test");
    document.getElementById("demo").innerHTML = testDiv.offsetLeft;
}
</script>
»그것을 자신을 시도

정의 및 사용

offsetLeft 속성은 좌측 위치 반환 (in pixels) 의 왼쪽 측 offsetParent 소자에 대하여.

반환 값은 다음과 같습니다

  • 요소의 왼쪽 위치 및 마진
  • offsetParent 요소의 왼쪽 패딩, 스크롤 및 테두리

참고 : offsetParent의 요소는 정적이 아닌 다른 위치가 가장 가까운 조상입니다.

팁 : 요소의 상단 위치를 반환 사용 offsetTop의 속성을.


브라우저 지원

재산
offsetLeft 8.0

통사론

왼쪽 오프셋 위치를 반환 :

object .offsetLeft

기술적 세부 사항

기본값: 기본값 없습니다
반환 값 : 픽셀 요소의 좌측 위치를 나타내는 숫자,
DOM 버전 : CSSOM

더 예

AA의 위치 가져 오기 <div> 요소를 :

<div id="test">
<p>Click the button to get the left and top offsets for the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p id="demo">offsetLeft: <br>offsetTop: </p>
</div>
<script>
function myFunction() {
    var testDiv = document.getElementById("test");
    var demoDiv = document.getElementById("demo");
    demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
}
</script>
»그것을 자신을 시도


<요소 개체