在js中，经常会对dom进行操作

一：定义

1：createElement =>是用于创建新的 DOM 元素的方法。它接受一个参数，表示要创建的元素的标签名，这个方法创建的元素不会和任何已有的元素相关联，需要使用其他方法将其添加到 DOM 中

const newDiv = document.createElement('div');
newDiv.textContent = 'Hello, World!';
document.body.appendChild(newDiv);

2：cloneElement=>是用于克隆已有元素的方法。它接受一个参数，表示要克隆的元素。

这个方法创建一个新的元素，该元素具有与原始元素相同的标签名、属性、子元素等信息。这个方法创建的元素已经是与 DOM 相关联的元素，不需要另外添加到 DOM 中

const originalDiv = document.querySelector('.original-div');
const clonedDiv = originalDiv.cloneNode(true);
clonedDiv.textContent = 'Hello, World!';
document.body.appendChild(clonedDiv);

3：importNode=>用于复制已有的元素,将要克隆的元素从另一个文档中导入到当前文档中

const otherDocument = /* 其他文档的 Document 对象 */;
const originalDiv = otherDocument.querySelector('.original-div');
const clonedDiv = document.importNode(originalDiv, true);
clonedDiv.textContent = 'Hello, World!';
document.body.appendChild(clonedDiv);

二总结

1：createElement 是用于创建新元素的方法

2：cloneElement 是用于复制已有元素的方法

3：在同一个文档中复制元素，可以使用 cloneElement 方法，需要从一个文档中导入元素并将其添加到另一个文档中，可以使用 importNode 方法