div에서 offsetLeft와 style.left의 차이점

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

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

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!