JS移动元素的方法

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

大家好,欢迎来到IT知识分享网。

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

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

测试数据,第一段

测试数据,第二段

测试数据,第三段


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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/34996.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信