JS移动元素的方法

Posted 2020-11-27 东东部落阁

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

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

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

示例如下：

---

---

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

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

测试数据，第一段

测试数据，第二段

测试数据，第三段

---

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