잡다한 프로젝트/크리에티브 웹

javascript에서 clientWidth, clientHeight란?

studying develop 2022. 4. 24. 20:51
document.body.clientWidth
document.body.clientHeight를 사용했는데, 이게 뭔지 모르겠어서 찾아보니

 

https://www.digitalocean.com/community/tutorials/js-clientwidth-and-clientheight

 

clientWidth and clientHeight in JavaScript | DigitalOcean

 

www.digitalocean.com

 

이 경우 clientWidth = 10 + 140 + 50

clientHeight = 30 + 70 + 0

 

 

결론.

html의 element와 그 element의 padding을 더한 값이다.

border과 margin을 제외한 값이라 할 수 있다.