javascript - 使用 javascript 和 CSS 显示图像

Question

我必须创建一个 javascript 代码，该代码在单击图像按钮时调用不同的图像。我已将图像命名为 product1、product2、product3。我是 JavaScript 新手。

var count;
document.getElementById("divProduct").style.backgroundImage="url('images/product'+count)";

我正在尝试上面的代码，但它不起作用

score 2 · Accepted Answer

如果您查看语法突出显示，+ count则被视为字符串。

你把它放在单引号之外（有点），但你仍然需要把它放在双引号之外，这是你真正用来分隔字符串的引号：

document.getElementById("divProduct").style.backgroundImage="url('images/product" + count + "')";

score 0 · Accepted Answer

我想一定是这样的；

var count;
document.getElementById("divProduct").style.backgroundImage="url('images/product" + count + ".jpg')";

score 0 · Accepted Answer

您的代码应该像 Blender 所说的那样，如果它不起作用，请在您的 div 示例中添加：

<div id="divProduct">&nbsp;</div>

score 0 · Accepted Answer

您还缺少图像扩展名。它应该是 .png 或 .jpg 或其他内容，具体取决于您的图像是什么类型。

另外我想知道您是否在控制台上遇到任何错误。

编辑：对于那些正在寻找这个问题的答案的人，还请查看下面我的搅拌机的回复。

4 回答 4