使用JavaScript复制元素(及其样式)

作为一个云计算领域的专家，我了解到您想要了解如何使用JavaScript复制元素及其样式。以下是一个简单的示例，演示如何使用JavaScript复制元素及其样式：

function copyElement(element) {
  const newElement = element.cloneNode(true);
  const style = window.getComputedStyle(element);
  for (const key in style) {
    if (style.hasOwnProperty(key)) {
      newElement.style[key] = style[key];
    }
  }
  return newElement;
}

const elementToCopy = document.querySelector('#elementToCopy');
const copiedElement = copyElement(elementToCopy);
document.body.appendChild(copiedElement);

这个示例中，我们首先定义了一个名为copyElement的函数，该函数接受一个元素作为参数。然后，我们使用cloneNode方法创建一个新元素的副本。接下来，我们使用window.getComputedStyle方法获取原始元素的计算样式。最后，我们遍历计算样式的所有属性，并将它们应用到新元素上。

在这个示例中，我们首先选择要复制的元素，然后调用copyElement函数，并将结果追加到文档的主体中。

请注意，这个示例仅复制了元素及其样式，而没有复制事件监听器或其他相关属性。如果您需要复制事件监听器，请考虑使用第三方库，例如clone或cloneDeep。