Dom cloning operation (deep clone/Shallow clone)

Deep clones (the text node within the clone element plus all the descendants element nodes),

Shallow Clone (clone the element itself, do not clone the text node and the Descendants node),

1. CloneNode () accepts a parameter with an optional value of TRUE or false. True represents the clone element and all its child nodes. False indicates that the cloned element does not contain its child nodes. Usually, we use true in practice, and I have never encountered a situation where I want to clone a node without its child nodes.

2. CloneNode () does not clone an event handler. So every time you clone a node, you have to redefine the event handler on the clone. When IE uses attachevent to bind events to DOM elements, the events are copied over after CloneNode. And the events added with AddEventListener will not.

Dom cloning operation (deep clone/Shallow clone)