用Javascript交换两个Div

Question

我在框中有一堆浮动div，排列如下：

HTML很简单，看起来像这样：

<div class="square">0</div>
<div class="square">1</div>
<div class="square">2</div>

每个框都有事件和其他属性，我无法互相交换两个div（例如7和8，或1和4等）。我尝试过这样的方法（其中id1和id2是被交换的两个div的索引）：

var temp = box.children[id1];
area.children[id1] = box.children[id2];
area.children[id2] = temp;

但这没有结果。任何帮助将不胜感激！