Javascript 可下拉背景色为“无”不起作用

我有两个div-box，当我将box002拖放到另一个div-box001时，voxoo1颜色应该变成none

我希望在javascript中将背景色更改为无。它尝试了jquery，但没有得到它

我怎样才能做到这一点

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

box001{
浮动：左；
宽度：150px；
高度：150像素；
边框：1px纯黑；
边界半径：10%；
背景色：#42e0fd；
}
box002{
浮动：左；
宽度：50px；
高度：50px；
利润率：-50px；
右：20px；
浮动：左；
底部：0；
左：0；
边缘底部：20px；
}

八点半

在drop函数中执行以下操作：

document.querySelector（'.box001'）.style.backgroundColor='initial'

要回答您的问题，请在
drop
功能中使用此选项

document.getElementsByClassName（'box001'）[0].style.backgroundColor='initial'



2.您尝试使用
className
来设置css样式，因此在css
中使用
.className{}
之前使用
。



请参阅下面的代码和css中的一些修复：
功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“文本”）；
var el=document.getElementById（数据）；
el.parentNode.removeChild（el）；
document.getElementsByClassName（'box001'）[0].style.backgroundColor='initial'；
}
.box001{
浮动：左；
宽度：150px；
高度：150像素；
边框：1px纯黑；
边界半径：10%；
背景色：#42e0fd；
}
.box002{
宽度：50px；
高度：50px；
利润率：-50px；
顶部：76px；
浮动：左；
位置：绝对位置；
左：217px；
}

八点半

我有两个类名相同的div，分别为box001，id=“1”和id=“2”，我想将另一个类名相同的div，分别添加到box002和box002，id=“3”，并将其放到id=“2”的第二个框中。如果可能，请回复