在尝试为网页构建一些动态内容时,我遇到了一个奇怪的问题。我做了一些研究,但找不到任何对我有帮助的东西......
这是我尝试更改 div 背景图像的代码。 背景图像的文件路径存储在一个对象中,该对象以 JSON 形式接收并解析为 JavaScript 对象。当我用 filepath 变量的内容填充 div 的innerHTML 时,会显示正确的 URL。 当我将这个确切的 URL 写入 backgroundImage URL 时,就会显示正确的图片。 但是,当我尝试用变量替换文件路径时,什么也没有发生。
var myObj = JSON.parse(this.responseText);
var URL = JSON.stringify(myObj.imageURL);
newbox.style.backgroundImage = "url('myObj.imageURL')";
newbox.innerHTML += myObj.Content;
newbox.innerHTML += myObj.imageURL;
insert.append(newbox);
在我的代码中,您可以看到我还尝试对 myObj.imageURL
的值进行字符串化,并将其用作文件路径。但这也不起作用。
编辑:存储在 myObj.imagURL 中的文件路径如下所示:images/crew.jpg
编辑2:曼努埃尔·奥托已经解决了这个问题:
newbox.style.backgroundImage = "url("+myObj.imageURL+")";
谢谢大家的建议!
最佳答案
非常接近,你是;)
newbox.style.backgroundImage = "url("+myObj.imageURL+")";
关于javascript - 如何在JS中使用变量作为文件路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48796643/