appendChild是什么意思

在drop函数中最后一句e.target.appendChild()这个方法是什么意思，怎么用

慕妹2761035 2018-11-08

源自：HTML5拖拽上传 3-2 HTML5拖拽语法的小案例

1

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2018-11-08 18:50:55

函数中有event对象，event对象下面包括dataTransfer属性和target属性，如下：

通过event.dataTransfer.setData()可以设置传递的数据，然后使用event.dataTransfer.getData()可以获取数据。

event.target指向的是dom元素，两个不能混用。

自己可以输出测试下。

好帮手慕星星 2018-11-08 18:18:18

appendChild() 方法向节点添加最后一个子节点，括号中添加要插入的内容。

代码中的意思是将获取的元素（也就是拖拽的元素）添加到被放置的元素中，最后效果就是小盒子添加到了大盒子中。

html开始两个元素是并列的：

执行appendChild()方法之后，是父子级关系：

自己可以测试下，祝学习愉快！

提问者慕妹2761035 #1

为什么drop函数里用的e.dataTransfer,不用e.target.dataTransfer，而drop方法里appendChild 要用e.target.appendChild

2018-11-08 18:38:45

相似问题

returnedNode什么意思

这个值是什么意思？

这句话的意思是什么

Math.PI 是什么意思

请问==是什么意思？

登录后可查看更多问答，登录/注册

HTML5&CSS3进阶与常用框架 2018

参与学习 315 人
提交作业 136 份
解答问题 626 个

如果你有H5、CSS3、JS基础，热爱前端并希望在前端应用方面不断进步，那就来吧，本路径为你带来的课程有HTML5进阶、CSS3进阶、JS面向对象、jQ基础、Less等，助你进一步提升前端开发技能

本课精华内容

问答作业

db.transaction is not a function

61 10

考试机会用完了会怎样

10 9

3-9插件哪错误了？

22 9

这个函数不是很明白

49 8

clearRect（）方法无法清空曲线

165 8

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号