이 기사에서는 DOM 노드 딥 클로닝 함수 Clonenode ()의 사용에 대해 설명합니다. 참조를 위해 공유하십시오.
특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
함수 t () {
var nodeul = document.getElementsByTagName ( 'ul') [0]; // 복사 해야하는 UL 노드를 가져옵니다.
var newul = nodeul.clonenode (true); // true는 딥 카피를 의미합니다. 즉, 하단의 Li와 텍스트도 함께 있습니다. 거짓이면 UL만이 복사됩니다
var node_copy = document.getElementById ( 'Copyul');
node_copy.appendchild (newul);
}
</스크립트>
</head>
<body>
<div id = "컨테이너">
<ul>
<li> 봄 </li>
<li> 여름 </li>
<li> 가을 </li>
<li> 겨울 </li>
</ul>
</div>
<div id = "Copyul">
</div>
<hr />
<button onclick = "t ()"value = ""> 노드를 추가 할 위치를 지정하십시오 </button>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.