HTML DOM cloneNode() 메서드
예시
한 목록에서 다른 목록으로 <li> 요소를 복사합니다.
// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;
// Copy the <li> element and its child nodes
var cln = itm.cloneNode(true);
// Append the cloned <li> element to <ul> with id="myList1"
document.getElementById("myList1").appendChild(cln);
복제 전:
- Coffee
- Tea
- Water
- Milk
복제 후:
- Coffee
- Tea
- Milk
- Water
- Milk
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
cloneNode() 메서드는 노드의 복사본을 만들고 복제본을 반환합니다.
cloneNode() 메서드는 모든 속성과 해당 값을 복제합니다.
팁: appendChild() 또는 insertBefore() 메서드를 사용 하여 복제된 노드를 문서에 삽입합니다.
팁: 모든 하위 항목(하위 항목)을 복제하려면 deep 매개변수 값을 true로 설정하고 , 그렇지 않으면 false로 설정합니다.
브라우저 지원
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
통사론
node.cloneNode(deep)
매개변수 값
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
기술적 세부 사항
반환 값: | 복제된 노드를 나타내는 Node 개체 |
---|---|
DOM 버전 | 코어 레벨 1 노드 개체 |
더 많은 예
예시
모든 속성과 자식 요소를 포함하여 <div> 요소를 복사하고 문서에 추가합니다.
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
관련 페이지
HTML DOM 참조: document.adoptNode() 메서드
HTML DOM 참조: document.importNode() 메서드
HTML DOM 참조: document.createElement() 메서드
HTML DOM 참조: document.createTextNode() 메서드