Javascript -复制淡入淡出

<div id="element">要复制的元素</div>
<button onclick="copyElement()">复制</button>

<div id="copyContainer"></div>

#element {
  display: none;
  opacity: 0;
  transition: opacity 0.5s;
}

#copyContainer {
  margin-top: 20px;
}

function copyElement() {
  var originalElement = document.getElementById("element");
  var copyContainer = document.getElementById("copyContainer");
  
  // 创建复制的元素
  var copiedElement = originalElement.cloneNode(true);
  
  // 设置复制元素的样式
  copiedElement.style.display = "block";
  copiedElement.style.opacity = 1;
  
  // 将复制元素添加到容器中
  copyContainer.appendChild(copiedElement);
  
  // 淡出原始元素
  originalElement.style.opacity = 0;
}