๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

์š”์†Œ ํฌ๊ธฐ ๋ฉ”์„œ๋“œ

by Youcodein 2022. 9. 1.
728x90
๋ฐ˜์‘ํ˜•

์š”์†Œ ํฌ๊ธฐ ๋ฉ”์„œ๋“œ ์ •๋ฆฌ

>

์œ„์น˜ ๋ฐ ํฌ๊ธฐ๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ์†์„ฑ ๋ฉ”์„œ๋“œ

์†์„ฑ/๋ฉ”์„œ๋“œ ์„ค๋ช…
1 element.clientWidth ์š”์†Œ์˜ ๊ฐ€๋กœ๊ฐ’(๋งˆ์ง„/๋ณด๋” ๋ฏธํฌํ•จ)
2 element.clientHeight ์š”์†Œ์˜ ๋†’์ด๊ฐ’(๋งˆ์ง„/๋ณด๋” ๋ฏธํฌํ•จ)
3 element.clientTop ์š”์†Œ์˜ Y์ถ•๊ฐ’(๋ถ€๋ชจ๊ธฐ์ค€)
4 element.clientLeft ์š”์†Œ์˜ X์ถ•๊ฐ’(๋ถ€๋ชจ๊ธฐ์ค€)
5 element.offsetWidth ์š”์†Œ์˜ ๊ฐ€๋กœ๊ฐ’(๋ณด๋”/ํŒจ๋”ฉ ํฌํ•จ)
6 element.offsetHeight ์š”์†Œ์˜ ๊ฐ€๋กœ๊ฐ’(๋ณด๋”/ํŒจ๋”ฉ ํฌํ•จ)
7 element.offsetTop ์š”์†Œ์˜ Y์ถ•๊ฐ’(๋ฌธ์„œ ๊ธฐ์ค€)
8 element.offsetLeft ์š”์†Œ์˜ X์ถ•๊ฐ’(๋ฌธ์„œ ๊ธฐ์ค€)
9 element.getBoundingClientRect() ์š”์†Œ์˜ ํฌ๊ธฐ์™€ ๋ทฐํฌํŠธ์— ์ƒ๋Œ€์ ์ธ ์œ„์น˜ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๋Š” DOMRect ๊ฐ์ฒด
728x90
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€