使用cloneNode()方法克隆节点

cloneNode()方法

cloneNode()方法是一种用于克隆节点的javascript方法。它可以用于克隆HTML元素，文本节点或者一个整个Document对象。它会复制节点及其所有属性和值，但不会复制节点的事件处理程序。

// 定义一个元素
var el = document.getElementById("myDiv");

// 
var clone = el.cloneNode(true);

cloneNode()方法接受一个布尔值作为参数，如果参数为true，则克隆节点及其所有子节点，否则只克隆节点本身。

• 一个元素节点可以使用cloneNode()方法来克隆：

    var el = document.getElementById("myDiv");
    var clone = el.cloneNode(true);
    

• 一个文本节点可以使用cloneNode()方法来克隆：

    var textNode = document.createTextNode("Hello World!");
    var clone = textNode.cloneNode(true);
    

• 一个整个Document对象可以使用cloneNode()方法来克隆：

    var doc = document.implementation.createDocument(null, "root", null);
    var clone = doc.cloneNode(true);
    

cloneNode()方法是一个非常有用的javascript方法，可以用来克隆HTML元素，文本节点或者一个整个Document对象。