javascript_javascript 스킬의 style.left 및 offsetLeft 사용 지침

상위 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의 위치를 ​​미리 정의하지 않고도 얻을 수 있습니다.

// 이 함수는 무한 카테고리 드롭다운 상자에서 작동합니다. 페이지 시작 부분에 드롭다운 상자가 하나만 있습니다. 드롭다운 상자의 값을 선택하면
이 동적으로 선택 항목은 하위 카테고리이며 동시에 하위 카테고리 선택 상자를 20px 뒤로 이동합니다.

코드 복사

함수 itemtree_cats_change( selectObj )