一、点击按钮实现页面中的某些元素移动到 指定区域（根据用户输入）/ 规定区域（代码中写死的）
通过 document.getElementById(“demo”).appendChild(document.getElementById(“test”)); 来实现

注意：1、也可以通过 getElementsByClassName() 等来实现；

2、这里的事件，除了appendChild() 外，还可以通过 append(),prepend(),before(),after() 来实现（innerHTML不行）。这四个方法将html代码转化为文本（包括页面标签）显示在指定区域。

示例如下：

图片.div15 { height: 150px; width: 500px }

可参考：http://www.w3school.com.cn/html5/html_5_draganddrop.asp

二、点击按钮实现复制指定元素，并将复制的信息放入指定位置。

测试数据，第一段

测试数据，第二段

测试数据，第三段

#div11, #div12 { height: 200px; border: 1px solid rgba(255, 0, 0, 1) }

————————————————

版权声明：本文为dillonmei原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/dillonmei/p/12578647.html