importNode 메소드는 DOMDocument의 특정 노드를 다른 노드 트리나 문서에 추가할 때 사용됩니다. 이 때, 원본 노드는 복사되어 새로운 노드 트리나 문서에 붙여넣어집니다. 이때, 임포트된 노드는 원본 노드와 독립적이므로, 원본 노드가 삭제되어도 임포트된 노드는 영향을 받지 않습니다.
그러나, 만약에 원본 노드가 삭제된 후에 임포트된 노드가 변경되거나 삭제되면, 임포트된 노드는 원본 노드가 더 이상 존재하지 않기 때문에 오류를 발생시킬 수 있습니다. 따라서, importNode 메소드를 사용할 때는 이러한 상황을 고려하여야 합니다.
예를 들어, 다음 코드는 특정 노드를 다른 노드 트리나 문서에 추가합니다.
#hostingforum.kr
javascript
const sourceNode = document.getElementById('source-node');
const targetDocument = document.implementation.createDocument(null, null);
const targetNode = targetDocument.importNode(sourceNode, true);
targetDocument.body.appendChild(targetNode);
위의 코드에서, sourceNode 노드는 targetDocument 노드 트리나 문서에 추가됩니다. 만약에 sourceNode 노드가 삭제된 후에 targetNode 노드가 변경되거나 삭제되면, 오류를 발생시킬 수 있습니다. 따라서, importNode 메소드를 사용할 때는 이러한 상황을 고려하여야 합니다.
따라서, 만약에 원본 노드가 삭제되었다면, 임포트된 노드는 다음과 같은 방법으로 관리할 수 있습니다.
1. 임포트된 노드를 복사하여 새로운 노드를 만듭니다. 예를 들어, 다음과 같은 코드를 사용할 수 있습니다.
#hostingforum.kr
javascript
const sourceNode = document.getElementById('source-node');
const targetDocument = document.implementation.createDocument(null, null);
const targetNode = targetNode.cloneNode(true);
targetDocument.body.appendChild(targetNode);
``]
2. 임포트된 노드의 참조를 변경합니다. 예를 들어, 다음과 같은 코드를 사용할 수 있습니다.
const sourceNode = document.getElementById('source-node');
const targetDocument = document.implementation.createDocument(null, null);
const targetNode = targetNode.importNode(sourceNode, true);
targetDocument.body.appendChild(targetNode);
``]
위의 코드에서, targetNode 노드의 참조를 변경하여 원본 노드가 삭제된 후에 임포트된 노드를 관리할 수 있습니다.
따라서, importNode 메소드를 사용할 때는 이러한 상황을 고려하여야 합니다.
2025-04-22 03:18