DOM (Document Object Model) 是前端开发过程中非常重要的一个组成部分。它是一种编程接口，能够让开发者以一种结构化的方式描述 HTML 或者 XML 文档的基于树形关系的结构。

在 DOM 中，元素节点、属性节点、文本节点等等被表示为一个个对象。这些对象可以被创建、删除、修改、查询、复制等等。本文就将介绍 DOM 中的一个方法，即“clonenode”方法，让你能够更好地理解如何操作 DOM 对象。

一、什么是 CloneNode？

CloneNode 方法是 DOM API 的一部分，这个方法可以使你复制一个已经存在的节点对象，并且返回该节点对象的副本。这个副本是完全独立的。也就是说，对于一个节点，它的所有属性、子节点等等，都会被复制到新创建的节点中。

需要注意的是，如果被复制的节点对象是一个容器节点，那么这个方法只会复制容器节点本身，并不会复制它内部的节点。这也就意味着，意味着副本节点会是一个空节点。因此，在使用 CloneNode 时，你需要判断被复制的节点对象是否是一个容器节点。

二、如何使用 CloneNode 方法？

使用 CloneNode 方法非常简单，只需要将需要复制的节点对象调用该方法即可。例如，在下面的例子中，我们将一个元素节点（id 为 example）复制到了另一个变量中。

```html