Javascript 当图像拖到div元素上时，如何更改其颜色？

我使用输入标签和文件阅读器上传图像。 我已经使图像拖动使用拖放API的角度材料。此外，还有2个div。 下面的代码显示了它

 <input type="file" (change)="fileChange($event)" placeholder="Upload file" >
    <img  id="blah" [src]="url" alt="your image" cdkDrag/>


<div class="box1">
    hi
</div>

<div class="box2">
    hi
</div>
<div class="box3">
    hi
</div>

你好
你好
你好

---

我的要求是，当我将图像拖到一个div框中时，div的颜色应该改变。现在我可以将图像拖到div框中，但是当图像拖到div框中时，如何更改div的颜色。

根据提供的代码，我有以下想法

步骤：

使用

document.querySelector（'#blah'）。parentNode

将相关DOM分配给变量，如下所示：

const divNeeded=document.querySelector（“#blah”）.parentNode

假设您在css文件中定义了某种颜色，比如说它被称为

relatedStyle

，您可以使用

.classList.add（'relatedStyle'）

将其添加到

divNeeded

CSS文件中的样式示例：

.relatedStyle{
 background-color: blue
}

---

根据提供的代码，我有以下想法

步骤：

使用

document.querySelector（'#blah'）。parentNode

将相关DOM分配给变量，如下所示：

const divNeeded=document.querySelector（“#blah”）.parentNode

假设您在css文件中定义了某种颜色，比如说它被称为

relatedStyle

，您可以使用

.classList.add（'relatedStyle'）

将其添加到

divNeeded

CSS文件中的样式示例：

.relatedStyle{
 background-color: blue
}

---

你能为此创建stackblitz吗？我无法..我遇到了一些技术问题。如果你已将事件cdkDropListEntered，请参阅：。注意：对于创建tackblitz simple和创建Angular service，或者，如果您不想在一个空项目中开始，您可以在材质示例中编辑一个示例并分叉该示例，您可以为此创建stackblitz吗？我无法..meyou的一些技术问题已将事件CDKDROPLISTENT输入，请参阅：。注意：对于创建简单的tackblitz和创建角度服务，或者，如果您不想在空项目中开始，可以在材质示例中编辑示例和分叉示例