javascript - 将图像添加到元素

Question

我正在使用 javascript 制作一个随机出现在屏幕上的元素。为了使用 javascript 将图像添加到随机生成的元素中，我该怎么做？

function addEnemy() {
  var interval = 0.1;
  if (iterations > 1500) {
    interval = 5;
  } else if (iterations > 1000) {
    interval = 3;
  } else if (iterations > 500) {
    interval = 1;
  }

  if (getRandom(50) == 0) {
    var elementName = "enemy" + getRandom(10000000);
    var enemy = createSprite(elementName, getRandom(450), -40, 45, 45);
    var enemiesDiv = document.getElementById("enemiesDiv");
    var element = document.createElement("div");
    element.id = enemy.element;
    element.className = "enemy";
    enemiesDiv.appendChild(element);
    enemies[enemies.length] = enemy;
    element.enemy.innerHTML
  }
}

Answer 1

您可以创建一个新的 img 元素，为其提供图像源，然后将该 img 元素附加到您创建的 element 中。 (我建议使用更具描述性的变量名称而不仅仅是“元素”)

相关代码可能如下所示:

var myImage = document.createElement('img');
myImage.src = 'my_image.jpg';
element.appendChild(myImage);