Javascript 使多个图元在放置时可见

我有一个代码，其中有三个图像src，id分别为

drag1

，

drag2

，

drag3

，每个图像都可以拖放到

div1

我的问题是，在删除第二个和第三个图像时，它在#div1中不可见

如何使第二个和第三个图像在放置时可见

功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“文本”）；
ev.target.appendChild（document.getElementById（数据））；
}

#第1部分{
宽度：350px；
高度：70像素；
填充：10px；
边框：1px实心#AAAAA；
}

实际上，您的实际代码没有问题，而且它的行为方式与3张

图像的行为方式相同

问题是您的
div
只有
70px
作为
height
，因此只有第一个图像可见，第二个两个元素在
div
内，但不显示在屏幕上，您可以通过更改div
height
或使其随内容拉伸来解决这一问题

演示：


功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“文本”）；
ev.target.appendChild（document.getElementById（数据））；
}
#第1部分{
宽度：350px；
高度：370px；
填充：10px；
边框：1px实心#AAAAA；
}



@wtp很酷，很高兴能帮上忙：）