码迷,mamicode.com
首页 > 移动开发 > 详细

JS移动元素的方法

时间:2020-03-27 01:03:58      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:nts   for   复制   after   http   height   显示   pre   end   

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

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

测试数据,第一段

测试数据,第二段

测试数据,第三段


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

JS移动元素的方法

标签:nts   for   复制   after   http   height   显示   pre   end   

原文地址:https://www.cnblogs.com/dillonmei/p/12578647.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!