是的，在 JavaScript 中可以通过多种方式复制 DIV：直接复制：使用 cloneNode() 方法。带数据复制：使用 innerHTML 属性。高级方法：使用 DocumentFragment 或 Shadow DOM。
如何在 JavaScript 中复制 DIV？
直接复制：
您可以使用 cloneNode() 方法直接复制一个 DIV。
// 获取要复制的 DIV
const originalDiv = document.getElementById('myDiv');
// 创建一个原 DIV 的副本
const clonedDiv = originalDiv.cloneNode(true);
// 将副本添加到文档中
document.body.appendChild(clonedDiv);带数据复制：
如果您需要复制 DIV 的数据，可以使用 innerHTML 属性。
// 获取要复制的 DIV
const originalDiv = document.getElementById('myDiv');
// 创建一个新的 DIV
const clonedDiv = document.createElement('div');
// 将原 DIV 的 HTML 内容复制到新 DIV 中
clonedDiv.innerHTML = originalDiv.innerHTML;
// 将新 DIV 添加到文档中
document.body.appendChild(clonedDiv);高级方法：
您可以使用更高级的方法来复制 DIV，例如 DocumentFragment 或 Shadow DOM。
// 创建一个 DocumentFragment const fragment = document.createDocumentFragment(); // 将原 DIV 添加到 DocumentFragment 中 fragment.appendChild(originalDiv.cloneNode(true)); // 将 DocumentFragment 添加到文档中 document.body.appendChild(fragment);
// 创建一个 Shadow Root const shadowRoot = originalDiv.createShadowRoot(); // 将原 DIV 复制到 Shadow Root 中 shadowRoot.appendChild(originalDiv.cloneNode(true));
以上就是js如何复制div的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
777
