Javascript 如何使div的背景色根据生成的图像而改变？

我有一个随机图像生成器，我把它放在一个div里面。有没有办法根据生成的图像改变div的背景色？（回答时请记住，我对JavaScript非常陌生）

我曾尝试在JS中为生成器的图像周围添加div标记，但HTML在脚本标记中不起作用（我想不会，但你永远不知道）

我也尝试过使用

document.body.style.backgroundColor=“在此处插入颜色”

但是它改变了页面的整个背景，我只想改变div的背景

图像中的颜色不是我想要更改背景颜色的颜色。我想将背景色设置为最有可能完全不同的颜色。我唯一想知道的是这是否可能以及如何做到

该网页加载了x图像，所以我希望div的背景颜色变为紫色。当它加载y图像时，我希望bg颜色变为蓝色，依此类推

---

这可能看起来像是一个noob问题，但如果可能的话，我该怎么做呢？我是否需要使用CSS或HTML，如果需要，我将使用什么？

您可以使用颜色窃贼来完成此操作，它可以识别图像中的主色

设置、下载/克隆源文件非常简单，并确保在HTML中包含颜色小偷脚本

<script src="js/color-thief.min.js"></script>

然后可以使用此值动态设置背景色

document.querySelector('boxx').style.backgroundColor = colorThief.getColor(sourceImage)

---

我能看看你的全部代码吗？为了改变背景颜色，你想从图像中得到什么值？@moon我不认为我想从图像中得到一个值-我只是想根据生成的图像改变div本身的bg颜色。例如，如果生成x图像，则bg颜色将变为紫色@你是说图像本身的颜色是不相关的吗？相反，您有一个列表，图像x应该有紫色背景，y应该有蓝色背景，等等。？请您的问题直接在问题正文中显示相关的现有图像选择代码，而不是依赖评论中指向外部站点的链接。

document.querySelector('boxx').style.backgroundColor = colorThief.getColor(sourceImage)