在不复制/克隆的情况下将DOM元素链接到另一个元素

Question

我有一个HTML文件，其中包含多个计算密集型图表，可以定期更新。 HTML文件仅使用JavaScript和类似标签的界面显示整个内容的一小部分。

我的代码与以下内容类似：

<a href="">Tab1</a> <a href="">Tab2</a> <a href="">Tab3</a>
<div>
    <div id="tab1">
        charts
    </div>
    <div id="tab2">
        charts
    </div>
    <div id="tab3">
        charts
    </div>
</div>

现在我想（例如）在tab3中显示tab1的一些内容。我无法复制/克隆它们，因为它会占用太多资源。我想过每次选项卡更改时都会在tab1和tab2之间移动DOM节点。但那不是很方便。还有其他解决方案吗？我可以以某种方式“链接”到另一个DOM元素的内容吗？

Answer 1

更新：

在这里看看关于DOM4突变事件处理程序的答案。也许它更符合你的需要。

Is there a JavaScript/jQuery DOM change listener?

Answer 2

或者使用appendTo（）（http://api.jquery.com/appendTo/）在需要时将表示从一个选项卡移动到另一个选项卡怎么样？