node handling
-
[Javascript]DOM(2) node ํ์๊ณผ ์กฐ์์ฌ๋ถ์์ฌ๋ถ์/Javascript 2022. 5. 1. 22:47
#๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ_๋ฅ๋ค์ด๋ธ ์คํฐ๋๋ฅผ ์งํํ๋ฉด์ ์ ๋ฆฌํ ๋ด์ฉ์ ๋๋ค. ๋ ธ๋ ํ์ ์์ ๋ ธ๋๋ฅผ ์ทจ๋ํ ๋ค์, ์ทจ๋ํ ์์ ๋ ธ๋๋ฅผ ๊ธฐ์ ์ผ๋ก DOM ํธ๋ฆฌ์ ๋ ธ๋๋ฅผ ์ฎ๊ฒจ ๋ค๋๋ฉฐ, ๋ถ๋ชจ, ํ์ , ์์ ๋ ธ๋ ๋ฑ์ ํ์ํ ์ ์๋ค. parentNode, previousSibling, firstChild, childNodes ํ๋กํผํฐ๋ Node.prototype ๋ฉ์๋๊ฐ ์ ๊ณตํ๊ณ , ํ๋กํผํฐ ํค์ Element๊ฐ ํฌํจ๋ previosElementSibling๊ณผ nextElementSibling, children ํ๋กํผํฐ๋ Element.protoype์ด ์ ๊ณตํ๋ค. ๋ ธํธ ํ์ ํ๋กํผํฐ๋ setter ์์ด getter๋ง ์กด์ฌํ๋ ์ฐธ์กฐ๋ง ๊ฐ๋ฅํ ์ฝ๊ธฐ ์ ์ฉ ์ ๊ทผ์ ํ๋กํผํฐ๋ค. 1. ๊ณต๋ฐฑ ํ ์คํธ ๋ ธ๋ HTML ์์ ์ฌ์ด์ ์คํ์ด์ค,..