Добавление изображений в 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)

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

Спасибо заранее.

Ответы

Ответ 1

Вам нужно использовать 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);

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

Добавление изображений в HTML с помощью JavaScript http://img94.imageshack.us/img94/3769/googso2.png

Ответ 2

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

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

Ответ 3

С небольшим исследованием я обнаружил, что javascript не знает, что объект Document Exist, если объект уже загружен до кода script (поскольку 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>

Ответ 4

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

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

Ответ 5

Избавьтесь от инструкций этого тоже

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