DOMParentNode::prepend 메서드는 DOM 노드의 시작 부분에 새로운 노드를 삽입하는 메서드입니다.
사용법은 다음과 같습니다.
1. 노드를 추가할 부모 노드를 선택합니다.
2. 새로운 노드를 생성하거나 기존 노드를 선택합니다.
3. 부모 노드의 prepend 메서드를 호출하여 새로운 노드를 삽입합니다.
예를 들어, HTML 문서의 body 요소에 새로운 요소를 삽입하는 경우 다음과 같이 사용할 수 있습니다.
#hostingforum.kr
javascript
const body = document.body;
const newNode = document.createElement('h1');
body.prepend(newNode);
DOMParentNode::prepend 메서드는 다음 상황에서 사용할 수 있습니다.
- 새로운 요소를 문서의 시작 부분에 삽입할 때
- 기존 요소를 문서의 시작 부분에 삽입할 때
- 문서의 시작 부분에 새로운 콘텐츠를 삽입할 때
이 메서드는 다음 노드를 추가할 수 있습니다.
- Element 노드
- DocumentFragment 노드
이 메서드는 노드의 위치를 변경할 수 있습니다. 새로운 노드를 삽입하면 기존 노드의 위치가 밀려나게 됩니다.
2025-08-10 21:44