点击第一个div里面的小div的时候，如何把第一个小的div 传递到另一个大的div中

<div  style="overflow: auto; position: absolute; 
    width: 40%;height: 70%; border: 1px solid red;">
<div style="width: 50%;height: 20%;
    border: 1px solid red;margin-left: 20%;margin-top: 20%;">点击传递</div>
<div style="width: 50%;height: 20%;border: 1px solid red; margin-top: 20%;margin-left: 20%;"></div>
</div>
<div style=" position: absolute;left:56%; width: 40%;height: 70%; border: 1px solid red;">

</div>

1.给div加上id或者class属性
2.点击事件里通过id或者class获取对象
3.根据id或者class删除第一个大div里的子对象
4.在另一个大div里加上子对象

先获取点击的元素。然后克隆一份 。 点击时，先克隆一份。在removerChild。然后 获取大dom然后 appendchild进去