javascript - 使用 ERB 在 Javascript 中设置 CSS backgroundImage 路径

Question

我正在尝试在 JavaScript 文件中使用 erb 设置元素的背景图像

document.getElementById("logo").style.backgroundImage = "<%= asset_path('logo.png') %>";

但是图像没有显示。

当我检查浏览器上的元素并访问为图像生成的 url 时，图像就会出现。

当我将 backgroundImage 更改为 backgroundColor = "red" 时，它起作用了。

如果路径正确，并且用于设置元素样式的 js 可以正常工作，那么问题是什么？

Answer 1

这不起作用，因为它的语法不正确，您缺少 url 部分!

document.getElementById("logo").style.backgroundImage = "url(<%= asset_path('logo.png') %>)";

这应该可以解决问题；)

但是，为什么使用 javascript 而不是 CSS 来做这样的事情呢？