DOMParentNode::prepend 메서드는 기존 노드를 삭제하고 새로운 노드를 추가하는 것처럼 보이지만, 실제로는 기존 노드를 삭제하고 새로운 노드를 prepend 한 후, 기존 노드의 자식 노드를 새로운 노드의 자식 노드에 추가합니다.
기존 노드를 삭제하지 않고 새로운 노드를 prepend 할 수 있는 방법은 다음과 같습니다.
1. 새로운 노드를 추가하기 전에, 기존 노드의 자식 노드를 새로운 노드의 자식 노드로 추가합니다.
2. 새로운 노드를 prepend 한 후, 기존 노드의 자식 노드를 새로운 노드의 자식 노드에서 제거합니다.
예를 들어, 다음과 같이 코드를 작성할 수 있습니다.
#hostingforum.kr
javascript
const newNode = document.createElement('div');
const existingNode = document.getElementById('existing-node');
// 기존 노드의 자식 노드를 새로운 노드의 자식 노드로 추가합니다.
newNode.appendChild(existingNode.firstChild);
// 새로운 노드를 prepend 합니다.
existingNode.prepend(newNode);
이 방법은 기존 노드를 삭제하지 않고 새로운 노드를 prepend 할 수 있습니다.
2025-04-04 09:18