HTML DOM Element 객체 HTML DOM Document 객체

HTML DOM importNode() 메서드

importNode()메서드는 다른 문서 중 하나의 노드의 복사본을 생성합니다.

두 번째 매개변수를 true로 설정하면, 또한 노드의 자식 노드(계자손)도 가져옵니다.

导入된 노드가 문서 트리에 포함되지 않았다면, 추가 메서드를 호출하여 포함시키는 것이 필요합니다. 예를 들어,element.appendChild()또는element.insertBefore()현재 문서 트리에 있는 노드와.

와document.adoptNode()차이점은 원본 노드가 원본 문서에서 제거되지 않습니다.

또한 사용할 수 있습니다element.cloneNode()현재 문서에서 노드를 복사하면서 제거하지 않는 메서드.

문법:

document.importNode(externalNode, deep)

예제

var iframe = document.querySelector('iframe');
var iframeImages = iframe.contentDocument.querySelectorAll('h2');
var　newParent　=　document.getElementById('result');
iframeImages.forEach(function(elem)　{
newParent.appendChild(document.importNode(elem,　true));
});

테스트를 보세요‹/›

브라우저 호환성

모든 브라우저에서 importNode() 메서드가 완전히 지원됩니다:

메서드
importNode()	는	는	는	는	는

파라미터 값

파라미터	설명
externalNode	다른 문서에서 가져온 노드
deep	불러올지 여부를 지정하는 부울 값externalNode전체 DOM 서브 트리: 불러온 노드deep설정합니다true를 복사합니다externalNode그리고 모든 자식 노드 불러온 노드deep설정합니다false이 경우만 불러옵니다externalNode

기술 세부 사항

반환 값:	불러온 노드를 대표하는 Node 객체
DOM 버전:	DOM 2단계

HTML DOM Document 객체

HTML DOM Element 객체 HTML DOM Document 객체

JavaScript 객체

JavaScript 참조 매뉴얼

JS DOM 참조 매뉴얼

HTML DOM importNode() 메서드

문법:

브라우저 호환성

파라미터 값

기술 세부 사항