HTML DOM cloneNode() 메서드

cloneNode()메서드의 역할은: 메서드를 호출한 노드의 복제본을 반환합니다.

cloneNode() 메서드는 모든 속성과 값을 복제합니다.

사용appendChild()또는insertBefore()메서드는 복제된 노드를 문서에 삽입합니다.

주의: cloneNode()는 문서에서 요소 ID가 중복될 수 있습니다.

문법:

node.cloneNode(deep)

예제

var node = document.querySelector("#box").firstElementChild;
var copy = node.cloneNode(true);
document.getElementById("result").appendChild(copy);

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

메서드
cloneNode()	는	는	는	는	는

매개변수	설명
deep	선택 사항)(선택 사항) 노드의 모든 자손을 복사할지 여부를 지정 가능한 값: 참 -속성과 자손을 가진 복사된 노드 가짜 -기본적으로 노드 및 속성만 복사됩니다.

반환 값:	복사된 노드를 대표하는 Node 객체
DOM 버전:	DOM 등급1

DIV 요소를 복사하고(모든 속성과 자식 요소 포함), 문서에 추가합니다:

예제

var node = document.querySelector("#box");
var copy = node.cloneNode(true);
document.body.appendChild(copy);