Добавление изображения к элементу

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

Немного шире, но я думаю, что вы могли бы рассмотреть возможность использования свойства background вашего созданного div.Как то так:

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";

    // Here
    element.style.backgroundImage = "url('img_enemy.png')";

    enemiesDiv.appendChild(element);
    enemies[enemies.length] = enemy;
    element.enemy.innerHTML
  }
}

Answer 2

Вы можете создать новый элемент img, указать его источник для своего изображения, а затем добавить этот элемент img к созданному вами element.(Я бы предложил использовать более описательное имя переменной, чем просто «элемент»)

Соответствующий код может выглядеть следующим образом:

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