>  기사  >  웹 프론트엔드  >  JavaScript 코드를 사용하여 왼쪽 및 위쪽 값을 얻는 방법에 대한 자세한 설명

JavaScript 코드를 사용하여 왼쪽 및 위쪽 값을 얻는 방법에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-08-14 13:51:202109검색

다음 편집기는 기본 js에서 왼쪽 값과 위쪽 값을 얻는 세 가지 방법을 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리도록 하겠습니다. 편집기를 따라 살펴보겠습니다

js를 사용하여 동적 효과를 만들 때 일반적으로 요소의 절대 위치에서 왼쪽 및 위쪽 속성 값을 가져와야 합니다. 예를 들어 충돌 광고를 만들려면 해당 요소의 상단 및 왼쪽 속성값을 지속적으로 얻어야 ​​합니다.

주의할 사항: 값을 가져오는 요소는 왼쪽 값을 가져오기 위해 position:absolute 절대 위치 속성을 설정해야 합니다.

첫 번째 방법인 은 비교적 간단합니다. 즉, obj.style.left 및 obj.style.top을 통해 직접 얻을 수 있지만 이 획득 방법에는 왼쪽 및 인라인 스타일만 얻을 수 있다는 제한이 있습니다. top의 속성값은 스타일 태그와 링크 외부 참조의 왼쪽과 top 속성값에서 얻을 수 없습니다.

두 번째 방법은 읽기 전용입니다. 호환성 문제가 있습니다. 표준 브라우저에서는 window.getCompulatedStyle(object, null).left를 통해 요소의 왼쪽과 위쪽을 가져올 수 있습니다. 메소드.속성값. IE 브라우저에서는 obj.currentStyle.left 메소드를 사용하여 속성 값을 얻습니다.

세 번째 방법, obj.offsetLeft를 사용하여 객체의 왼쪽 속성 값을 가져오고, obj.offsetTop을 사용하여 객체의 최상위 속성 값을 가져옵니다.

위 내용은 JavaScript 코드를 사용하여 왼쪽 및 위쪽 값을 얻는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.