Javascript 在循环中更改背景图像

对我来说，这似乎是一个简单的想法——当你点击一个div时，该div的背景图像会改变。到目前为止，我已经尝试过使用颜色将颜色名称放入数组，将box.style.backgroundImage更改为box.style.backgroundColor 它适用于颜色，但不适用于图像。知道为什么吗

Javascript:

var box = document.getElementById('box'),
imgs = ['/image.jpg', '/image2.jpg'];

box.onclick = function () {
img = imgs.shift();
imgs.push(img);

box.style.backgroundImage = img;
};

HTML:

您仍然需要url…：

您仍然需要url…：

CSS背景图像属性要求url包含在“url…”中：

box.style.backgroundImage = 'url(' + img + ')';

CSS背景图像属性要求url包含在“url…”中：

box.style.backgroundImage = 'url(' + img + ')';

box.style.backgroundImage = 'url("' + img + '")';

box.style.backgroundImage = 'url(' + img + ')';