Javascript .style.backgroundImage="；当图像文件名用作变量时，url（'；my_image.png'；）不起作用

当我将背景文件名作为括号中的字符串提供时，这是一个非常有效的函数

问题是：-

function mychoice_photo_show(img) {
  document.getElementById('mychoice_photo').style.backgroundImage="url(img)"
};

当我这样称呼它时：

mychoice\u photo\u show（“my\u image.png”）

它不调用请求的映像

我是否应该查找任何语法，例如缺少单引号或双引号，或者它不应该这样工作？

尝试这样做

function mychoice_photo_show(img) {
  document.getElementById('mychoice_photo').style.backgroundImage="url('" + img + "')"
};

还是ES6

function mychoice_photo_show(img) {
      document.getElementById('mychoice_photo').style.backgroundImage=`url('${img}')`
    };

比如说

功能mychoice\u photo\u show（img）{
document.getElementById（'mychoice_photo'）.style.backgroundImage=“url（'“+img+”）”
};
#我的选择#{
宽度：100px；
高度：100px；
}

显示图像
像这样尝试

function mychoice_photo_show(img) {
  document.getElementById('mychoice_photo').style.backgroundImage="url('" + img + "')"
};

还是ES6

function mychoice_photo_show(img) {
      document.getElementById('mychoice_photo').style.backgroundImage=`url('${img}')`
    };

比如说


功能mychoice\u photo\u show（img）{
document.getElementById（'mychoice_photo'）.style.backgroundImage=“url（'“+img+”）”
};
#我的选择#{
宽度：100px；
高度：100px；
}

Show image
我将创建一个实用函数，该函数获取元素和图像URL，并使用。然后，我将创建一个方便调用来查找您的元素，并将该信息传递给实用程序函数

注意：我将函数名转换为lowerCamelCase而不是lower\u snake\u大小写，因为JavaScript建议这样做

函数showPhoto（元素，imageUrl）{
element.style.backgroundImage=`url（${imageUrl}”）`；
}
函数mychoicePhotoShow（imageUrl）{
showPhoto（document.getElementById（'mychoice_photo'），imageUrl）；
}

模板文字已经使用了相当长的一段时间：

浏览器
最低版本
铬
41
边缘
12
火狐
34
游猎
9
我将创建一个实用函数，它获取元素和图像URL，并使用。然后，我将创建一个方便调用来查找您的元素，并将该信息传递给实用程序函数

注意：我将函数名转换为lowerCamelCase而不是lower\u snake\u大小写，因为JavaScript建议这样做

函数showPhoto（元素，imageUrl）{
element.style.backgroundImage=`url（${imageUrl}”）`；
}
函数mychoicePhotoShow（imageUrl）{
showPhoto（document.getElementById（'mychoice_photo'），imageUrl）；
}

模板文字已经使用了相当长的一段时间：

浏览器
最低版本
铬
41
边缘
12
火狐
34
游猎
9
如果es6可用，请尝试以下操作：

功能mychoice\u photo\u show（img）{
document.getElementById（'mychoice_photo'）.style.backgroundImage=`url（'${img}'））`
};

或者，如果es6不可用：

功能mychoice\u photo\u show（img）{
document.getElementById（'mychoice_photo'）.style.backgroundImage=“url（'“+img+”）”
};
如果es6可用，请尝试以下操作：

功能mychoice\u photo\u show（img）{
document.getElementById（'mychoice_photo'）.style.backgroundImage=`url（'${img}'））`
};

或者，如果es6不可用：

功能mychoice\u photo\u show（img）{
document.getElementById（'mychoice_photo'）.style.backgroundImage=“url（'“+img+”）”
};
一种方法是将变量连接到字符串中，如：
style.backgroundImage=“url”（“+img+”）
这是否回答了您的问题？非常感谢。连接短语完成了任务！我刚刚尝试过，在四个小时的混乱之后成功了。一种方法是将变量连接到您喜欢的字符串中：
.style.backgroundImage=“url”（“+img+”）”
这是否回答了您的问题？非常感谢。连接短语完成了任务！我刚刚试过，在四个小时的混乱之后成功了。