Javascript 是否将图像添加到我的阵列？

我想知道是否有任何方法可以将图像添加到我的老虎机阵列中？现在我刚刚能够在数组中添加数字

到目前为止，我知道在我的阵列中只有一种选择，这是故意的：

var arr=[“#7.png”]；
//var-arr=[5]；
var信用=10；
函数冻结检查（）{
if（document.getElementById（“hold1”）.checked==true | | | document.getElementById（“hold2”）.checked==true | | | document.getElementById（“hold3”）.checked==true）{
//如果选中任何按钮，请单击“冻结保持”按钮。
document.getElementById（“hold1”）.checked=false；
document.getElementById（“hold2”）.checked=false；
document.getElementById（“hold3”）.checked=false；
document.getElementById（“hold1”）.disabled=true；
document.getElementById（“hold2”）.disabled=true；
document.getElementById（“hold3”）.disabled=true；
}else if（document.getElementById（“hold1”）.disabled==true）{
//如果有任何按钮被禁用，则启用（解冻）所有保持按钮。
document.getElementById（“hold1”）.disabled=false；
document.getElementById（“hold2”）.disabled=false；
document.getElementById（“hold3”）.disabled=false；
document.getElementById（“reel1”）.classList.remove（'hold'）；
document.getElementById（“reel2”）.classList.remove（'hold'）；
document.getElementById（“reel3”）.classList.remove（'hold'）；
}
};
函数getNumbers（）{
if（document.getElementById（“hold1”）.checked==false）{
document.getElementById（“reel1”）.innerHTML=arr[Math.floor（Math.random（）*arr.length）]；
}if（document.getElementById（“hold2”）.checked==false）{
document.getElementById（“reel2”）.innerHTML=arr[Math.floor（Math.random（）*arr.length）]；
}if（document.getElementById（“hold3”）.checked==false）{
document.getElementById（“reel3”）.innerHTML=arr[Math.floor（Math.random（）*arr.length）]；
}
updateScore（）；
insertCoins（）；
};
函数calculateScore（）{
document.getElementById（'credits'）。innerHTML=credits；
}
//赢，三个都一样。
函数updateScore（）{
if（document.getElementById（“reel1”）.textContent==document.getElementById（“reel2”）.textContent&&document.getElementById（“reel1”）.textContent==document.getElementById（“reel3”）.textContent）{
credits+=document.getElementById（“reel1”）.textContent*10；
}否则如果（“卷1”！=“卷2”）{
学分-=2；
}
};
函数insertCoins（）{
如果（credits您应该使用
backgroundImage
javascript属性，并提供来自数组
arr
的源值

参考代码：


var arr=['image1.png'，'image2.png'，'image3.png']；
var信用=10；
函数冻结检查（）{
if（document.getElementById（“hold1”）.checked==true | | | document.getElementById（“hold2”）.checked==true | | | document.getElementById（“hold3”）.checked==true）{
//如果选中任何按钮，请单击“冻结保持”按钮。
document.getElementById（“hold1”）.checked=false；
document.getElementById（“hold2”）.checked=false；
document.getElementById（“hold3”）.checked=false；
document.getElementById（“hold1”）.disabled=true；
document.getElementById（“hold2”）.disabled=true；
document.getElementById（“hold3”）.disabled=true；
}else if（document.getElementById（“hold1”）.disabled==true）{
//如果有任何按钮被禁用，则启用（解冻）所有保持按钮。
document.getElementById（“hold1”）.disabled=false；
document.getElementById（“hold2”）.disabled=false；
document.getElementById（“hold3”）.disabled=false；
document.getElementById（“reel1”）.classList.remove（'hold'）；
document.getElementById（“reel2”）.classList.remove（'hold'）；
document.getElementById（“reel3”）.classList.remove（'hold'）；
}
};
函数getNumbers（）{
if（document.getElementById（“hold1”）.checked==false）{
document.getElementById（“reel1”）.backgroundImage=“url”（+arr[0]+”）；
}if（document.getElementById（“hold2”）.checked==false）{
document.getElementById（“reel2”）.backgroundImage=“url”（+arr[1]+”）；
}if（document.getElementById（“hold3”）.checked==false）{
document.getElementById（“reel3”）.backgroundImage=“url”（“+arr[2]+”）”；
}
updateScore（）；
insertCoins（）；
};
函数calculateScore（）{
document.getElementById（'credits'）。innerHTML=credits；
}
//赢，三个都一样。
函数updateScore（）{
if（document.getElementById（“reel1”）.textContent==document.getElementById（“reel2”）.textContent&&document.getElementById（“reel1”）.textContent==document.getElementById（“reel3”）.textContent）{
credits+=document.getElementById（“reel1”）.textContent*10；
}否则如果（“卷1”！=“卷2”）{
学分-=2；
}
};
函数insertCoins（）{
如果（credits
innerHTML
代表页面中的标准字体，它将只显示文本。因为在数组中，它的值是
#7.png
，它将只显示#7.png。
添加以下代码将在html代码中创建img标记，图像是随机的

var elem = document.createElement("img");
elem.setAttribute("src", arr[Math.floor(Math.random() * arr.length)]);
elem.setAttribute("alt", "Slotimg");
document.getElementById("reel1").appendChild(elem);

但是，如果您可以创建一个默认图像，我建议您只需在div中添加一个Img标记，然后通过src code更改
src
属性，这将更加简单和有效。
两条注释：*如果您想显示图像，请将它们嵌入到revel*div中，并更改src属性以显示它们。可以使用脚本中图像的url。*不需要检查againts的真值，不要使用“if（something==true）”，使用“if（something）”。PS：要向数组添加元素，有一个“push”函数。