하얀 코딩

[DOM - 6] Element 추가 / 삭제 본문

DOM

[DOM - 6] Element 추가 / 삭제

whitecoding 2023. 12. 12. 23:20

Document API

document.createElement()

문자열 인자로 element tag를 입력하면 해당 엘리먼트가 생성돼 반환됨

Element API

.appendChild(인자)

추가할 element를 인자로 받아 호출된 element의 자식으로 인자를 추가함

 

.removeChild(인자)

삭제할 element를 인자로 받아 호출된 element의 자식중에서 해당 element를 삭제

 

.insertBefore(인자1, 인자2)

특정 요소를 다른 요소 앞에 삽입할 때 주로 활용됩니다. 이 메서드는 두 개의 매개변수를 받으며, 첫 번째 매개변수는 삽입하려는 요소를, 두 번째 매개변수는 참조 요소를 나타냅니다. 

 

.cloneNode()

호출된 element를 복사해서 반환함

 

 

'DOM' 카테고리의 다른 글

[DOM - 5] querySelectorAll  (0) 2023.12.12
[DOM - 4] querySelector  (0) 2023.12.12
[DOM - 3] 단일 Element 선택  (0) 2023.12.12
[DOM - 2] 탐색 API  (0) 2023.12.12
[DOM - 1] DOM 기초  (0) 2023.01.04