javascript - 以编程方式设置 HTML 元素的背景图像

标签 javascript html css image dom

我试图通过以下方式设置 HTML 元素的背景图像:

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

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

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

  1. 如何正确设置背景图片?
  2. 是否有其他设置背景图像的方法?

感谢您的帮助。

最佳答案

您不能使用 basePath,您需要删除分号作为 CSS 值的一部分:

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

关于javascript - 以编程方式设置 HTML 元素的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36071966/

相关文章:

html - 透明边框图像翻转底层背景颜色的渐变?

JavaScript。引用动态创建的变量

html - div 调整高度不够

javascript - toggleClass 显示导航问题

javascript - 使有吸引力的滚动条与所有浏览器兼容

html - 从浏览器地址栏输入url到浏览器得到渲染页面的完整过程是怎样的?

javascript - 使用 spread 从数组中删除元素

javascript - 输入元素上未触发更改事件

javascript - 如何在 javascript 追加中执行 <script> 代码

javascript - 使用 JavaScript 更新日期