기본 JS를 사용하여 요소의 위치와 크기 가져오기

1. 내부 높이, 내부 너비: 내부 여백 + 내용 상자

clientWidth
clientHeight

2. 외부 높이, 외부 너비: 테두리 + 내부 여백 + 내용 상자

offsetWidth
offsetHeight

3. 위쪽 테두리, 왼쪽 테두리

clientTop
clientLeft

4. 뷰포트에 대한 위치

getBoundingClientRect()
//x\y:元素的左上角和父元素左上角的距离
//width/height:边框 + 内边距 + 内容框
//top:元素的上边界和父元素上边界的距离
//left:元素的左边界和父元素左边界的距离
//right:元素的右边界和父元素的左边界的距离
//bottom:元素的下边界和父元素上边界的距离

5. 위쪽 오프셋, 왼쪽 오프셋

offsetTop
offsetLest

6. 보이는 영역의 크기

document.documentElement.clientWidth
document.documentElement.clientHeight

7. 창 사이의 거리. 화면의 왼쪽 상단 및 왼쪽 상단

document.documentElement.scrollWidth
document.documentElement.scrollHeight

9. 화면 너비 및 높이

window.screenX、
window.screenY

10. 사용 가능한 화면 너비 및 높이(작업 표시줄 제외)

window.screen.width
window.screen.height

11. 창 내부 높이 및 내부 너비 표시 영역 + 스크롤 막대)

window.screen.availWidth
window.screen.availHeight

12. 창의 외부 높이 및 외부 너비

window.innerWidth
window.innerHeight

위 내용은 기본 JS를 사용하여 요소의 위치와 크기 가져오기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!