cloneNode method_javascript 기술을 사용하여 노드를 복제하기 위한 JavaScript 코드

동일한 구조로 여러 노드 구조를 생성하기 위해 for를 자주 사용하므로 createElement, setAttribute,appendChild 및 기타 코드를 많이 작성해야 합니다.

그러나 실제로는 html 템플릿만 필요하며 cloneNode 메소드를 사용하여 하위 노드를 포함하여 기존 노드를 복제할 수 있습니다.
다음은 cloneNode 메소드 프로토타입입니다.

newElement oldElement.cloneNode(bool deep)

이 메소드에는 부울 값인 deep 매개변수가 하나만 있습니다. oldElement 및 이 하위 노드. 그렇지 않으면 노드 자체만 해당됩니다.

반환 값은 복제된 노드 newElement입니다.

다음은 테스트 코드, test.htm, test.js 파일이다.

코드 복사 코드는 다음과 같습니다.