Javascript JS设置span的背景图像

JS:

function getItem() {
  var rand = Math.floor((Math.random() * 110) + 1);
  Weapon = "Opening..."
  document.getElementById("Weapon").innerHTML = Weapon;

  if (rand < 3) {
      document.getElementById("Weapon").innerHTML = "Item Type One";
  } else if (rand > 2 && rand < 5) {
      document.getElementById("Weapon").innerHTML = "Item Type Two";
  }
  // Continues onward etc...
}

<button onclick="getItem()">Get Item</button>
<span id="image"><!-- Display an image here? --></span>
You Unboxed: <span id="Weapon">Nothing</span>

函数getItem（）{ var rand=Math.floor（（Math.random（）*110）+1）； 武器=“打开…” document.getElementById（“武器”）.innerHTML=武器； 如果（兰德<3）{ document.getElementById（“武器”）.innerHTML=“项目类型一”； }否则如果（兰德>2&&兰德<5）{ document.getElementById（“武器”）.innerHTML=“项目类型二”； } //继续前进等等。。。 } HTML:

function getItem() {
  var rand = Math.floor((Math.random() * 110) + 1);
  Weapon = "Opening..."
  document.getElementById("Weapon").innerHTML = Weapon;

  if (rand < 3) {
      document.getElementById("Weapon").innerHTML = "Item Type One";
  } else if (rand > 2 && rand < 5) {
      document.getElementById("Weapon").innerHTML = "Item Type Two";
  }
  // Continues onward etc...
}

<button onclick="getItem()">Get Item</button>
<span id="image"><!-- Display an image here? --></span>
You Unboxed: <span id="Weapon">Nothing</span>

获取项目
你解开了盒子：没什么

---

我想知道是否可以从我的Javascript代码中设置这个HTML中图像的源代码。因此，如果我得到“Item One”，它将在我的HTML中显示该图像？

您只需要创建一个包含图像路径的数组，例如

var images=[“image1.png”、“image2.png”]

然后获取对图像元素的引用，然后相应地将其源设置为数组中的图像

myImage.src=images[0]

例如

编辑：

你说你有一组像这样的图像

var images=[“stub.png”、“Other.png”]

我看到您正在使用
显示图像。因此，您需要获取对该
元素的引用

var myImage=document.getElementById（“武器”）

因为您使用的是
元素来显示图像，而不是
，所以要显示图像，您可以这样做

myImage.style.backroundImage=url（图像[n]）n是与if/else相对应的图像索引。您应该使用
来显示图像。
没有图像标记和url，如何显示不同的图像，setTimeout函数中没有第二个参数。在这里我可以帮你

<br/>
You Unboxed: <img id="Weapon" src=''/> 

function openCase() {
    var Gun = Math.floor((Math.random() * 110) + 1);
    console.log(Gun);
    var weaponarray = [] // create your image array here
    Weapon = //some initial image
    document.getElementById("Weapon").src=Weapon;
    setInterval(callback,500) // every 500 mili sec call function
}

   function callback(){
    var Gun = Math.floor((Math.random() * 110) + 1);
    if (Gun < 3) {
             Weapon = weaponarray[Gun];
             document.getElementById("Weapon").src=Weapon;
       } 
       else if (Gun > 2 && Gun < 5) {
        Weapon = weaponarray[Gun];
        document.getElementById("Weapon").src=Weapon;
       }    
    }



您取消了装箱：
函数openCase（）{
var Gun=数学地板（（数学随机（）*110）+1）；
控制台。原木（枪）；
var weaponarray=[]//在此处创建图像数组
武器=//一些初始图像
document.getElementById（“武器”）.src=武器；
setInterval（callback，500）//每500毫秒调用一次函数
}
函数回调（）{
var Gun=数学地板（（数学随机（）*110）+1）；
如果（枪<3）{
武器=武器阵列[枪]；
document.getElementById（“武器”）.src=武器；
} 
否则如果（枪>2和枪<5）{
武器=武器阵列[枪]；
document.getElementById（“武器”）.src=武器；
}    
}
那么我该怎么做呢？我已将图像添加到阵列中，如何显示它？我对Js&Html不是很在行，但我理解。只需创建一个变量，并将对
属性的引用存储在用于存储对
元素的引用的变量上。有意义吗？顺便说一句，您使用
元素来显示图像或
元素？因此我有一个var images=[“stub.png”，“Other.png”]，并且在if-else语句中有myImage.src=images[0]