DomChildNode::replaceWith 메서드는 교체할 노드의 자식 노드를 모두 제거하고, 새로운 노드의 자식 노드를 추가합니다.
교체할 노드의 자식 노드가 여러 개일 때, 교체할 노드의 자식 노드들을 하나씩 새로운 노드에 추가하는 방식으로 교체하는 것은 불가능합니다.
대신, 교체할 노드의 자식 노드들을 하나씩 새로운 노드에 추가하고, 교체할 노드 자체를 제거하는 방법을 사용해야 합니다.
예를 들어, 교체할 노드의 자식 노드가 여러 개인 경우, 다음과 같이 코드를 작성할 수 있습니다.
#hostingforum.kr
javascript
const 교체할 노드 = document.getElementById('교체할 노드');
const 새로운 노드 = document.createElement('div');
const 자식 노드 = 교체할 노드.children;
for (const child of 자식 노드) {
새로운 노드.appendChild(child);
}
교체할 노드.replaceWith(새로운 노드);
이 코드는 교체할 노드의 자식 노드들을 하나씩 새로운 노드에 추가하고, 교체할 노드 자체를 제거합니다.
2025-07-20 16:37