以编程方式设置 HTML 元素的背景图像答案

【问题标题】：programtical Setting the backgroundImage of an HTML element以编程方式设置 HTML 元素的背景图像
【发布时间】：2023-03-17 10:38:01
【问题描述】：

我正在尝试通过以下方式设置 HTML 元素的 backgroundImage：

element.style.backgroundImage = "url(localPath/to/image.gif, basePath);"

不幸的是，图像没有显示出来，我认为它与基本路径有关，因为我之前在没有基本路径的情况下这样做过。

奇怪的是，如果我删除 basePath，我会收到一条错误消息，指出不存在这样的 URL，但如果我保留 basePath，我不会收到错误消息。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

你不能使用basePath，你需要去掉分号作为CSS值的一部分：

element.style.backgroundImage = "url(localPath/to/image.gif)";

【讨论】：

我可以指定完整的网址吗？还是会自动将我传递给页面 URL 的任何参数附加到页面的 URL 中？
您可以指定绝对 URL (example.com/...) 或相对 URL (../images/file.ext)。在任何一种情况下都不会附加任何内容。不过，您可以使用变量动态构建 URL，如下所示：= "url(" + variable + ")"; 无论您最终做什么，它将是图像的路径，并且不会包含当前页面 URL。