Javascript 无法设置图像背景图像

大家好，我正在使用html5和JavaScript，我遇到了一个问题

所以我有一个div，我动态地像这样附加它

container.append('<div id=del_' + container_id + ' style = " background-image: url(' + "del_btn.png" + ') no-repeat center center;"/>');

container.append（“”）；

我的div被创建了，但是我看不到背景图像。有人能告诉我是什么错误吗

谢谢

试试看

container.append('<div id=del_' + container_id + ' style = " background-image: url(\'del_btn.png\') no-repeat center center;"/>');

container.append（“”）；

这里不需要

+

---

编辑转义“

使用

背景

而不是

背景图像

，因为

背景图像

只接受图像url作为值

container.append('<div id=del_' + container_id + ' style = " background: url(' + "del_btn.png" + ') no-repeat center center;"/>');

---

您说过它与JavaScript文件位于同一文件夹中

例如，如果您的JS文件位于与html页面不同的文件夹中，请说

scripts

---

您还需要将图像路径修改为类似于

'scripts/del_btn.png'

的内容。问题可能是图像的路径。在您的示例中，图像需要与html位于同一文件夹中。如果您在网站根目录的子文件夹中有它，请说“scripts”，路径应该是

/scripts/del_btn.png

不正确的路径？您的映像在文件系统中的什么位置？或者，您的div是零宽度/零高度？它位于我保存js fileTry设置绝对路径的同一文件夹中（用于测试目的）@Edwardruchevit使用绝对路径。但是如何使用相对路径呢？Kay现在知道了。实际上，我的*.js文件和图像在js文件夹中，我的html在它之外。所以在我的file.js中，我必须给路径w.r.t html.Thanksse一个有效的示例。您必须提供宽度和高度，或者该div中应该有一些内容。如果您提供的是百分比宽度和高度，那么它的父元素应该具有有效的宽度和高度。

display: block;
width:  100px; /* for example */
height: 100px; /* for example */