html - 将元素从一个 DOM 移动到另一个 DOM

Question

这是一个巨大的远景，但无论如何我都会尝试 :-) 假设在 Chrome 扩展中我有两个页面(比如，选项页面和弹出页面)，我想在它们之间移动一个 DOM 对象(比如，一个播放 YouTube 电影的 iframe)。有什么办法吗？

Answer 1

你可以通过

获取内部的html

saved_html = dom_node.innerHTML

将 dom 节点作为字符串，您可以将其保存在 localStorage 中或作为 cookie(不确定哪个在 chrome 扩展中有效)。在另一个页面，将其加载到容器中:

container.innerHTML = saved_html

注意:状态不会被保存，因此如果您播放视频，它在其他站点上仍会暂停。如果 iframe 不在您的域中，您也无法访问它的 innerHTML。