반응형
js 요소 위치
-
[ JS ] 요소의 크기와 상대위치Javascript/이론 2023. 4. 15. 20:29
위 이미지 중 첫번째 이미지는 브라우저에 출력되는 요소의 예시이며 각 css 프로퍼티를 나타냅니다. 두 번째 이미지는 js에서의 크기, 위치에 관련된 프로퍼티를 나타냅니다. js에서 요소의 크기, 위치를 나타내는 각 프로퍼티에 대해 정리하기전에 offsetParent에 대해 알아두어야 합니다. offsetParent는 offsetTop, offsetLeft 등의 프로퍼티가 계산되는 기준이될 수 있는 가장 가까운 조상요소이며, 아래 세 가지의 기준 중 하나에 속합니다. CSS position 프로퍼티가 absolute나 relative, fixed, sticky인 가장 가까운 조상 요소 나 , 혹은 1. 크기 1) offsetWidth, offsetHeight : border를 포함한 최외각 너비와 높이 ..