https://mine-it-record.tistory.com/494
[JavaScript] document.getElementsByClassName() - ํน์ class๋ฅผ ๊ฐ์ง๊ณ ์๋ dom ์์๋ค์ ์ฐพ๊ธฐ/๊ฐ์ ธ์ค๊ธฐ (ft. elem
javascript๋ก dom ์์๋ฅผ ์ ์ดํ ๋ ์ฌ์ฉ๋๋ ๋ฉ์๋์ค ํ๋์ธ document.getElementByClassName()์ ๋ํด ์์๋ณด์. ๋ฉ์๋๋ช ๊ทธ ์๋ฏธ๋ฅผ ๊ทธ๋๋ก ๊ฐ์ง๊ณ ์์ด, ํน์ class๋ฅผ ๊ฐ์ง๊ณ ์๋ ๋ชจ๋ dom ์์์ ์ ๊ทผํ๊ธฐ
mine-it-record.tistory.com
https://developer.mozilla.org/ko/docs/Web/API/Node/insertBefore
Node.insertBefore() - Web API | MDN
Node.insertBefore() ๋ฉ์๋๋ ์ฐธ์กฐ๋ ๋ ธ๋ ์์ ํน์ ๋ถ๋ชจ ๋ ธ๋์ ์์ ๋ ธ๋๋ฅผ ์ฝ์ ํฉ๋๋ค. ๋ง์ฝ ์ฃผ์ด์ง ์์ ๋ ธ๋๊ฐ document์ ์กด์ฌํ๋ ๋ ธ๋๋ฅผ ์ฐธ์กฐํ๋ค๋ฉด, insertBefore() ๊ฐ ์์ ๋ ธ๋๋ฅผ ํ์ฌ ์์น์์
developer.mozilla.org
https://powerku.tistory.com/114
์๋ฐ์คํฌ๋ฆฝํธ | insertBefore() ํน์ ์์น์ ์์ ๋ ธ๋ ์ฝ์
insertBefore() -> ๋ถ๋ชจ๋ ธ๋์ ๊ธฐ์ค ์ ๋ ธ๋ ์์ ์ฝ์ ํ ๋ ธ๋๋ฅผ ์ฝ์ ํฉ๋๋ค.-> ๋ด๊ฐ ์ํ๋ ์์น์ ์ฝ์ ํ ์ ์์ต๋๋ค. ๊ธฐ์กด ๋ถ๋ชจ ๋ ธ๋์์๋ ๊ตณ์ด ์ญ์ ํ ํ์ ์์ด ์๋์ผ๋ก ์ด๋ํ๊ฒ ๋ฉ๋๋ค.ex)
powerku.tistory.com
insertBefore()
insertBefore()๋ appendChild()์ ๋น์ทํ์ง๋ง, ์ ๋ฌ์ธ์๊ฐ ๋ ๊ฐ๋ผ๋ ์ ์ด ๋ค๋ฅด๋ค. ์ฒซ ๋ฒ์งธ ์ ๋ฌ์ธ์๋ ์ฝ์ ํ๋ ค๋ ๋ ธ๋๊ณ ๋ ๋ฒ์งธ ์ ๋ฌ์ธ์๋ ์ฝ์ ๊ธฐ์ค์ด ๋๋ ๋ ธ๋๋ก, ์ ๋ ธ๋๋ ์ด ์์ ๋๋๋ค. ์ด ๋ฉ์๋๋ ์ฝ์ ํ ๋ ธ๋์ ๋ถ๋ชจ ๊ฐ์ฒด๊ฐ ๋ ๋ ธ๋์์ ์ํ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ ๋ฒ์งธ ์ ๋ฌ์ธ์๋ ์ด ๋ถ๋ชจ ๋ ธ๋์ ์์ ๋ ธ๋์ฌ์ผ ํ๋ค. ๋ ๋ฒ์งธ ์ธ์๊ฐ null์ด๋ฉด, insertBefore()๋ appendChild()์ฒ๋ผ ์๋ํ์ฌ ์์ ๋ ธ๋์ ๋์ ์ฝ์ ํ๋ค.
'Javascript > Javascript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ฐฐ์ด์ ํจ์๋ค (0) | 2022.07.22 |
---|---|
[Js] ๋ฐฐ์ด ์์ฑ (0) | 2022.07.22 |
Bind (0) | 2022.07.19 |
[์๋ฐ์คํฌ๋ฆฝํธ] ์ฑ๊ธ์ค๋ ๋, ๋น๋๊ธฐ์ฒ๋ฆฌ, ์ฝ๋ฐฑํจ์ (0) | 2022.05.29 |
[์๋ฐ์คํฌ๋ฆฝํธ] ๋งค๊ฐ๋ณ์, ์ธ์ ์ฉ์ด ์ฐจ์ด (0) | 2022.05.27 |