javascript - 从另一个文档复制 div 内容答案

【问题标题】：javascript - Copying div content from another documentjavascript - 从另一个文档复制 div 内容
【发布时间】：2016-04-09 23:58:08
【问题描述】：

我有一个带有移动和桌面索引页面的小型网站。我希望能够只编辑一个索引页面，并通过“处理”桌面页面的内容来生成移动版本。这样我可以简化我的工作流程。

如何将整个 div 的内容从一个 html 文档复制到另一个？

【问题讨论】：

我建议使用cone jquery api
这将增加开销较少的设备的开销，而是创建一个第三位置来保存您的内容，并从中生成移动/桌面 html
你问的是使用 ajax 加载 HTML 吗？或者您是想制作一个构建脚本来复制内容？
听起来他要求创建一个隐藏的iframe 以包含替代内容的来源，但这需要在文档之间移动节点。有关更多信息，请参阅我的答案。
实际上，我只需要导入一个 div，如果内容可以转移到一个新的 div 中，而不是 iframe，我会更喜欢。 .importNode() 听起来仍然是我的最佳选择吗？

【解决方案1】：

我猜你可以设置一些脚本来运行一些正则表达式，在每次对你的文档进行编辑后将元素从一个复制到另一个。

【讨论】：

【解决方案2】：

通常，您会使用.appendChild() 在文档周围移动元素，但这不允许在文档之间移动元素。为此，您需要.importNode()（创建副本）或.adoptNode()（首先将其从原始文档中删除）。

如果您在同一文档中制作副本并希望保留原件，您可以在.appendChild() 之前使用.cloneNode()，请参阅https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode

【讨论】：