如何将一个元素从div1下面，挪到div2下面？

Question

如题，我有一个如下结构的页面

<div1>
<myEle>
</div1>

<div2></div2>

刚开始，myEle在div1下面，我现在需要把它挪到div2下面。不是视觉上的，而是结构上的转移。但是不能使用cloneNode这种方法，必须是使用“挪”的那种。
我理想的状态是，先把myEle从文档中“切”出来，成为一个游离的状态，然后再append到div2下面，但是不知道怎么做，以及能不能做。

请各位大神帮忙

Answer 1

用appendChild就可以了：
document.getElementById('parentEl').appendChild(document.getElementById('childEl'))

Answer 2

直接在 div2 appendChild 即可，DOM 元素会自动移过去，不再存在 div1。

Answer 3

css设置属性定位，让div1脱离文档流在定位覆盖div2

Answer 4

能描述下产品需求吗？

Answer 5

有拖曳相关属性，draggable 了解下

Answer 6

可以通过变量来处理。

let dom1 = undefined;
let dom2 = undefined;
if(condition) {
    dom1 = <myEle />;
} else {
    dom2 = <myEle />;
}

<div1>{dom1}</div1>
<div2>{dom2}</div2>