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

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

测试数据,第一段

测试数据,第二段

测试数据,第三段


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM