How to Use the cloneNode method in JavaScript to clone Node Code _ javascript skills

In many cases, we need to use HTMLDOM to dynamically generate many identical nodes with JavaScript, including its subnodes. In many cases, we use for to generate multiple node structures with the same structure, in this way, we need to write a lot of code such as createElement, setAttribute, and appendChild.

However, we only need an html template to clone existing nodes, including its subnodes, using the cloneNode method.
The following is a cloneNode method prototype:

NewElement oldElement. cloneNode (bool deep );

This method has only one parameter deep and a Boolean value. If it is true, the oldElement and its subnodes are cloned. Otherwise, only the node itself is possible.

The returned value is a cloned node newElement.

Below is the test code, test.htm and test. js files.

The Code is as follows:

Test of cloneNode Method