Добавление изображений в html с помощью javascript

Я пробовал код HTML DOM с нескольких сайтов, но он не работает. Это ничего не добавляет. У кого-нибудь есть рабочий пример по этому поводу?Добавление изображений в html с помощью javascript

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

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

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

источник

2010-04-29 Anonymous

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

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

var img = document.createElement("img"); 
img.src = "http://www.google.com/intl/en_com/images/logo_plain.png"; 

var src = document.getElementById("header"); 
src.appendChild(img);

... вы получите это:

Adding images to the HTML with JavaScript http://img94.imageshack.us/img94/3769/googso2.png

источник

2010-04-29 08:47:40

this.img = document.createElement ("IMG"); this.img.src = "img/eqp /" + this.apparel + "/" + this.facing + "_ idle.png"; src = document.getElementById ("gamediv"); src.appendChild (this.img); Изменено сейчас, но оно все еще не появляется в div gamediv. – Anonymous

@klausbyskov: Спасибо за исправление опечатки. –

@ Анонимно: Может быть, неправильный путь 'src'? Можете ли вы попробовать изображение с абсолютным путем, который вы точно знаете? Например: http: // www.google.com/intl/en_com/images/logo_plain.png' –

Вещи для размышления:

Use jquery
Какого this ваш код ссылается на
Isnt getElementById обычно document.getElementById?
Если фотография не найдена, are you sure your browser would tell you?

источник

2010-04-29 08:52:05

Избавиться от этого заявления слишком

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

источник

2010-04-29 08:53:56

Почему? Это в классе. – Anonymous

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

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');

источник

2010-04-29 08:55:45 Guffa

С небольшим исследованием я обнаружил, что javascript не знает, что Объект документа существует, если объект уже загружен до кода сценария (поскольку javascript считывает страницу).

<head> 
    <script type="text/javascript"> 
     function insert(){ 
      var src = document.getElementById("gamediv"); 
      var img = document.createElement("img"); 
      img.src = "img/eqp/"+this.apparel+"/"+this.facing+"_idle.png"; 
      src.appendChild(img); 
     } 
    </script> 
</head> 
<body> 
    <div id="gamediv"> 
     <script type="text/javascript"> 
      insert(); 
     </script> 
    </div> 
</body>

источник

2014-03-26 09:05:25 user2886138

или вы можете просто

<script> 
document.write('<img src="/*picture_location_(you can just copy the picture and paste it into the the script)*\"') 
document.getElementById('pic') 
</script> 
<div id="pic"> 
</div>

источник

2014-05-28 23:48:41 FullForceDonkeyPunch

Добавление изображений в html с помощью javascript

ответ

Смежные вопросы