Javascript- 如何更改 css 中的背景图像 属性？

Question

使用 Javascript，我正在尝试更改我的网络应用程序的背景图片。

以下是我尝试这样做的方法：

const bgimg = {
   backgroundImage: "URL('../../Images/arches.JPG')"
    }

<div style={bgimg} id="bg_img">

当我使用来自互联网的图片 url 时，此方法工作正常，但它不允许我添加本地图片。如果我在 css 中正确实现它，我可以在我的计算机上使用相同的图片，比如

.container_image {
  background-image: url(./Images/yellow_stone_copy.JPG)
}

但我希望能够将背景 运行 更改为计算机上的图像。我做错了什么？

Answer 1

确保您要使用的图像的 url 是相对于 html 文件而不是 js 文件