如何使用javascript变量显示图像

Question

我的javascript代码如下：“samson decosta”是存储在mysql数据库中的图像名称。我正在获取此图像，并希望以div background_image显示。

document.getElementById("image_chk").style.backgroundImage="url(img/"+ clicked_id+".jpg)";

我的问题是，当我在单词之间存储空格的图像名称时，它无法显示图像。但是，当我将空格替换为下划线（或单词之间没有空格）时，它会向我显示图像。

其中，

clicked_id = samson decosta（因为单词之间的空格而无法获取此图像）。

clicked_id = samson_decosta（能够获取此图片）。

clicked_id = samsondecosta（能够获取此图片）。

Answer 1

在url

中使用参数值周围的单引号

document
  .getElementById("image_chk")
  .style.backgroundImage="url( 'img/"+ clicked_id+".jpg' )";