当前位置:首页 > 移动开发 > 正文

JS移动元素的方法

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