点击第一个div里面的小div的时候,如何把第一个小的div 传递到另一个大的div中,并保留之前传递的div,
如果在点击下面第二个div的时候,第二个div会覆盖第一个传递的div,并显示第二个div,左边的div样式不会出现变动。
<div style="overflow: auto; position: absolute;
width: 40%;height: 70%; border: 1px solhttps://img-mid.csdnimg.cn/release/static/image/mid/ask/13742401253617.png "=600 #left")
id 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>
可以复制呢,
点击后调用的方法中可以这么做。
通过document.getElement方法分别把目标大div和要专递的小div得到,然后将小的div的innerHTML付给这个大的div的innerHTML。
1.点击时 使用cloneElement把点击的dom 克隆一份
2.移除dom(removeChild)
3.另一个div appendChold 克隆的 dom