JS移动元素的方法

一、点击按钮实现页面中的某些元素移动到 指定区域(根据用户输入)/ 规定区域(代码中写死的)
通过 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

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

测试数据,第一段

测试数据,第二段

测试数据,第三段


————————————————
posted @ 2020-03-27 00:11  东东dillon  阅读(2228)  评论(0编辑  收藏  举报