javascript에서 clientHeight()와 offsetHeight()의 차이점은 무엇입니까?

div의 높이를 얻기 위해 clientHeight 및 offsetHeight의 2가지 속성을 사용할 수 있습니다.

clientHeight에는 div의 패딩이 포함됩니다.

offsetHeight에는 패딩, scrollBar 및 div의 테두리가 포함됩니다.

예시

예를 들어 다음 HTML이 있는 경우 -

<div id="myDiv" height="400px"></div>

−

const height = document.querySelector('#myDiv').offsetHeight
console.log(height)

출력

이것은 출력을 줄 것입니다 -

400