div의 offsetLeft와 style.left의 차이점

clientX 이벤트 속성은 이벤트가 트리거될 때 브라우저 페이지(또는 클라이언트 영역)에 대한 마우스 포인터의 수평 좌표를 반환합니다.

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

상위 div의 위치가 상대 위치로 정의되고 하위 div의 위치가 절대 위치로 정의된 경우 하위 div의 style.left 값은 상위 div의 값에 상대적입니다. 이는 offsetLeft와 동일합니다. 차이점은

1입니다. style.left는 28px와 같은 문자열을 반환하고 offsetLeft는 28이라는 값을 반환합니다. offsetLeft를 사용하는 것이 편리합니다.

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

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

위 내용은 div의 offsetLeft와 style.left의 차이점에 대한 정보를 모아 놓은 것입니다. 이 사이트에 대한 여러분의 지원에 감사드립니다!

offsetLeft와 style.left의 차이점과 관련된 추가 기사는 다음과 같습니다. style.div 왼쪽, PHP 중국어 넷을 주목해주세요!