js clonenode

// 示例代码：使用 clonenode 方法克隆一个 DOM 节点

// 创建一个简单的 HTML 元素
const originalElement = document.createElement('div');
originalElement.id = 'original';
originalElement.textContent = '这是一个原始元素';

// 将原始元素添加到文档中
document.body.appendChild(originalElement);

// 使用 clonenode 方法克隆该元素
// clonenode 方法接受一个布尔参数，表示是否深克隆（true 表示深克隆，false 表示浅克隆）
const clonedElement = originalElement.cloneNode(true); // 深克隆

// 修改克隆元素的内容以区分它和原始元素
clonedElement.id = 'cloned';
clonedElement.textContent = '这是一个克隆元素';

// 将克隆的元素添加到文档中
document.body.appendChild(clonedElement);

解释说明：

1. 创建原始元素：我们首先创建了一个 div 元素，并设置了它的 id 和文本内容。
2. 添加到文档：将这个原始元素添加到当前页面的 body 中。
3. 克隆元素：使用 cloneNode(true) 方法来克隆这个元素。true 参数表示进行深克隆，即不仅克隆节点本身，还会克隆其所有子节点。
4. 修改克隆元素：为了区分原始元素和克隆元素，我们修改了克隆元素的 id 和文本内容。
5. 添加克隆元素到文档：最后，将克隆后的元素也添加到页面的 body 中。

这样，页面上就会同时显示原始元素和克隆元素。