> 웹 프론트엔드 > HTML 튜토리얼 > div에서 offsetLeft와 style.left의 사용법 차이점을 비교하세요.

div에서 offsetLeft와 style.left의 사용법 차이점을 비교하세요.

巴扎黑
풀어 주다: 2017-08-11 13:55:29
원래의
1447명이 탐색했습니다.

본 글에서는 p의 offsetLeft와 style.left의 차이점에 대한 관련 정보를 주로 소개합니다. 필요하신 분들은 참고하시면 됩니다.

clientX 이벤트 속성은 접속 시 마우스 포인터의 위치를 ​​브라우저 페이지(또는 클라이언트 영역)로 반환합니다. 이벤트가 발동됩니다.

클라이언트 영역은 현재 창을 의미합니다.

부모 p의 위치가 상대 위치로 정의되고 자식 p의 위치가 절대 위치로 정의된 경우 자식 p의 style.left 값은 부모 p의 값에 상대적입니다. 이는 동일합니다. 차이점은 다음과 같습니다.

1. style.left는 28px와 같은 문자열을 반환하고 offsetLeft는 값 28을 반환합니다. 얻은 값을 계산해야 하는 경우 offsetLeft를 사용하는 것이 더 편리합니다.

2. style.left는 읽기-쓰기이고 offsetLeft는 읽기 전용이므로 p의 위치를 ​​변경하려면 style.left만 수정하면 됩니다.

3. style.left 값을 미리 정의해야 합니다. 그렇지 않으면 얻은 값이 비어 있게 됩니다. 그리고 HTML로 정의해야 합니다. CSS로 정의하면 style.left의 값이 여전히 비어 있습니다. 이것은 처음에 발생한 문제입니다. .왼쪽. offsetLeft는 p의 위치를 ​​미리 정의하지 않고도 얻을 수 있습니다.

위 내용은 div에서 offsetLeft와 style.left의 사용법 차이점을 비교하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿