使用javascript和CSS显示图像

Question

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

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

我正在尝试上面的代码，但它无法正常工作

Answer 1

如果查看语法高亮显示，+ count将被视为字符串。

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

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

Answer 2

你的代码应该像Blender所说的那样，如果它不起作用仍然加入你的div 样品：

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

Answer 3

您也缺少图片扩展程序。它应该是.png或.jpg或其他东西，具体取决于您的图像类型。

此外，我想知道您是否在控制台上收到任何错误。

编辑：对于那些寻找这个问题答案的人，请查看我下面的blender回复。

Answer 4

我认为一定是这样的;

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