예
a의 offsetTop 위치 가져 오기 <div> 요소를 :
<div id="test">
<p>Click the button to get offsetTop for the test
div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetTop
is: <span id="demo"></span></p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
}
</script> »그것을 자신을 시도 정의 및 사용
offsetTop 속성 가기 반환 위치 (in pixels) offsetParent 소자의 상부에 대하여.
반환 값은 다음과 같습니다
- 요소의 상단 위치 및 마진
- offsetParent 요소의 위쪽 패딩, 스크롤 및 테두리
참고 : offsetParent의 요소는 정적이 아닌 다른 위치가 가장 가까운 조상입니다.
팁 : 요소의 왼쪽 위치를 반환 사용 offsetLeft의 속성을.
브라우저 지원
| 재산 | |||||
|---|---|---|---|---|---|
| offsetTop | 예 | 8.0 | 예 | 예 | 예 |
통사론
상단 오프셋 위치를 반환 :
object .offsetTop
기술적 세부 사항
| 기본값: | 기본값 없습니다 |
|---|---|
| 반환 값 : | 픽셀 소자의 상단 위치를 나타내는 숫자, |
| 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>
»그것을 자신을 시도