通过javascript从数组设置div的背景

时间:2018-02-01 20:32:21

标签: javascript css

我有一个包含图像名称的数组,我想用这样的设置背景:

var deckArray = ['0С.png','0D.png'];
document.getElementById(""+i+"").style.background = "url('"+deckArray[i]+"') no-repeat center center";

但它不起作用。我这样做是因为我需要填补一些div。我该怎么办?

2 个答案:

答案 0 :(得分:0)

我认为您正在寻找.css

document.getElementById(""+i+"").css("background-image": "link")

答案 1 :(得分:0)

我认为你忘记了for循环:

var deckArray = ['0С.png','0D.png'];
for (i = 0; i < deckArray.length; i++) {
   document.getElementById(i).style.background = "url('"+deckArray[i]+"') no-repeat center center"
}

请记住,数字不应该是id,所以我会拥有它:

document.getElementById("deck"+i);

显然,请确保更新实际元素的ID。