如何在没有重新加载的情况下替换iframe的父元素？

Question

情况就是这样。

<div id="a1" class="aa" onclick="func1();">
<iframe id="iframe1" src="www.google.com" />
</div>

<div id="a2" class"bb" onclick="func2();">
</div>

我想用a2替换a1而不用iframe1重新加载。 但移动iframe1，例如 a2.appendChild（iframe1）; 会触发iframe重新加载。

所以我想唯一的方法就是替换a1的属性，比如

for（attr in a2.attributes）{a1.setAttribute（attr，a2.attributes.attr）; }

但它不起作用。它可以防止iframe重新加载，但a1，a2节点无法正常工作。

有没有办法做到这一点？