JavaScript - 문제 미리보기
문제 730
medium
다음 코드에서 빈칸에 들어갈 올바른 메서드는?
```javascript
const parent = document.getElementById("container");
const newChild = document.createElement("div");
const existingChild = document.getElementById("first");
// newChild를 existingChild 앞에 삽입하려면?
parent.________(newChild, existingChild);
```
정답: B
`insertBefore()` 메서드는 기존 요소 앞에 새로운 요소를 삽입할 때 사용합니다.
문법: `parentNode.insertBefore(newNode, referenceNode)`
DOM 조작 메서드 비교:
1) `appendChild(newNode)` - 부모의 마지막 자식으로 추가
2) `insertBefore(newNode, referenceNode)` - 참조 노드 앞에 삽입
3) `replaceChild(newNode, oldNode)` - 기존 노드를 새 노드로 교체
4) `removeChild(node)` 또는 `node.remove()` - 노드 제거
JavaScript에는 `insertAfter()` 메서드가 없으므로, 뒤에 삽입하려면 다음 형제 요소를 찾아서 `insertBefore()`를 사용해야 합니다.
💡 학습 팁
이 문제를 포함한 JavaScript 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.