Вопросы Теги

Добавление изображений к документу HTML с JavaScript

Я попробовал некоторый HTML код DOM от нескольких сайтов, но он не работает. Это ничего не добавляет. У кого-либо есть рабочий пример на этом? 

this.img = document.createElement("img");
this.img.src = "img/eqp/"+this.apparel+"/"+this.facing+"_idle.png";
src = getElementById("gamediv");
src.appendChild(this.img)

Но это ничего не добавляет к отделению (gamediv), я попробовал document.body также без результата.

Заранее спасибо.

19
задан creativecreatorormaybenot 17 May 2019 в 14:42
поделиться

4 ответа

Вам необходимо использовать document.getElementById () в строке 3.

Если вы попробуете это прямо сейчас в консоли: 

 var img = document.createElement ("img"); img.src = "http://www.google.com/intl/en_com/images/logo_plain.png"; var src = document.getElementById («заголовок»); src.appendChild (img);

... вы получите следующее:

enter image description here

42
ответ дан 30 November 2019 в 02:33
поделиться

Над чем задуматься:

  1. Используйте jquery
  2. Какой этот ваш код ссылается на
  3. Isnt getElementById обычно документ. getElementById ?
  4. Если изображение не найдено, вы уверены, что ваш браузер сообщит вам ?
-1
ответ дан 30 November 2019 в 02:33
поделиться

Это работает: 

var img = document.createElement('img');
img.src = 'img/eqp/' + this.apparel + '/' + this.facing + '_idle.png';
document.getElementById('gamediv').appendChild(img)

Или с помощью jQuery: 

$('<img/>')
.attr('src','img/eqp/' + this.apparel + '/' + this.facing + '_idle.png')
.appendTo('#gamediv');
4
ответ дан 30 November 2019 в 02:33
поделиться

Избавьтесь также от утверждений this

var img = document.createElement("img");
img.src = "img/eqp/"+this.apparel+"/"+this.facing+"_idle.png";
src = document.getElementById("gamediv");
src.appendChild(this.img)
1
ответ дан 30 November 2019 в 02:33
поделиться
Другие вопросы по тегам:

Похожие вопросы: