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
๋ฐ์ํ
'์๋ฐ์คํฌ๋ฆฝํธ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| ์ ์ด์ฟผ๋ฆฌ ์์ฑ ๊ด๋ จ ๋ฉ์๋ (2) | 2022.09.05 |
|---|---|
| JQuery ํด๋์ค ๊ด๋ จ ๋ฉ์๋ (4) | 2022.09.05 |
| JQuery ํ์ ์ ํ์ (4) | 2022.08.31 |
| JQuery ํํฐ ์ ํ์ (4) | 2022.08.31 |
| JQuery ์์ฑ์ ํ์ (3) | 2022.08.30 |
๋๊ธ