예
사본 <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
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
cloneNode() 메소드는 노드의 복사본을 생성하고, 복제를 반환한다.
cloneNode() 메소드 클론의 모든 속성과 그 값을 표시합니다.
팁 : 사용 appendChild() 또는 insertBefore() 문서에 복제 노드를 삽입하는 방법.
팁 : 모든 하위 복제 할 경우 true로 깊은 매개 변수 값을 설정 (children) , 그렇지 않은 경우는 false를.
브라우저 지원
| 방법 | |||||
|---|---|---|---|---|---|
| cloneNode() | 예 | 예 | 예 | 예 | 예 |
통사론
매개 변수 값 매개 변수 유형 기술 deep Boolean 선택 과목. 노드의 모든 자손이 복제할지 여부를 지정합니다.
- 사실 - 노드, 그 속성 및 그 자손을 복제
- 거짓 - 기본. 단지 노드와 노드의 특성을 복제
기술적 세부 사항
반환 값 : 복제 된 노드를 나타내는 노드 객체, DOM 버전 코어 레벨 1 노드 개체
더 예
예
사본 <div> 모든 속성과 자식 요소를 포함하는 요소를, 그리고 문서에 추가 :
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); »그것을 자신을 시도
관련 페이지
HTML DOM 참조 : href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
HTML DOM 참조 : href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
HTML DOM 참조 : href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
HTML DOM 참조 : href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method