cloneNode()方法，从单词上就能理解它的作用，克隆。

用法有两种：

以克隆列表第一项为例。浅度克隆cloneNode()，只克隆标签名，效果为<li></li>；

深度克隆cloneNode(true)，克隆标签名+内容，效果为<li>1.邯郸初中生遇害案宣判</li>；

看下示例

var p = document.getElementById("para1"),

var p_prime = p.cloneNode(true);

使用场景：无缝轮播图

写无缝轮播图的时候，为了达到无缝切换的效果，需要克隆第一张放到后面，克隆最后一张放到前面。

代码如下：

// 克隆第一张

const firstChild = ul.firstElementChild.cloneNode(true);

// 克隆最后一张

const lastChild = ul.lastElementChild.cloneNode(true);

// 第一张放到后面

ul.appendChild(firstChild);

// 最后一张放到前面

ul.insertBefore(lastChild, ul.firstElementChild);