Hinzufügen von Bildern zu einem HTML-Dokument mit javascript

Habe ich versucht, einige HTML-DOM-code aus mehreren Standorten, aber es funktioniert nicht. Es ist nicht etwas hinzuzufügen. Hat jemand ein Beispiel dazu? 

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

Aber es ist nicht etwas hinzuzufügen, um die div. (gamediv) ich habe versucht zu dokumentieren.Körper, ohne Ergebnis.

Vielen Dank im Voraus.

InformationsquelleAutor Anonymous | 2010-04-29
  1. 41

    Müssen Sie document.getElementById() in Zeile 3.

    Wenn Sie versuchen, diese jetzt in der Firebug-Konsole:

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

    ... Sie bekommen würde, diese:

    Bilder hinzufügen, um die HTML mit JavaScript http://img94.imageshack.us/img94/3769/googso2.png

    • diese.img = document.createElement("img"); dies.img.src = "img/eqp/"+diese.Bekleidung+"/"+this.Verkleidung+"_idle.png"; src = document.getElementById("gamediv"); src.appendChild(dies.img); Geändert ist es jetzt, aber es immer noch nicht pop-up in der div gamediv.
    • Dank für die Festsetzung der typo.
    • Könnte es sein, dass die src Pfad falsch ist? Können Sie versuchen, ein Bild mit einem absoluten Pfad an, so dass Sie sicher wissen, dass Sie existiert? Wie: http://www.google.com/intl/en_com/images/logo_plain.png
    • Läuft der code es sagt src null ist. Aber ich bin sicher, dass ich aus einem div mit gamediv als eine id. <div id="gamediv"></div>
    • Ich weiß das src ist korrekt, der Kommentar oben ist, was firebug sagt mir, wenn ich wählen Sie Pause auf Fehler
    • Sie können aktualisieren möchten, müssen Sie die Frage mit dieser info. Es kann Ihnen helfen, erhalten mehr Antworten.
    • er nutzt bereits getelement von id.
    • dies funktioniert für mich. jsfiddle.net/PvY5t/8
    • Arbeiten Sie hier: jsbin.com/lenececito/1/edit?html,js,output

    InformationsquelleAutor Daniel Vassallo
  2. 4

    Dies funktioniert:

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

    Oder mit jQuery:

    $('<img/>')
.attr('src','img/eqp/' + this.apparel + '/' + this.facing + '_idle.png')
.appendTo('#gamediv');
    InformationsquelleAutor Guffa
  3. 4

    Mit ein wenig Forschung fand ich, dass javascript nicht weiß, dass ein Document-Objekt Vorhanden ist, es sei denn, das Objekt Bereits geladen, bevor Sie den script-code (javascript liest unten auf einer Seite).

    <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>
    InformationsquelleAutor user2886138
  4. 2

    oder Sie können einfach

    <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>
    InformationsquelleAutor FullForceDonkeyPunch
  5. 1

    Loszuwerden, die diese Aussagen zu

    var img = document.createElement("img");
img.src = "img/eqp/"+this.apparel+"/"+this.facing+"_idle.png";
src = document.getElementById("gamediv");
src.appendChild(this.img)
    • Warum? Es ist in einer Klasse.
    InformationsquelleAutor Peter Bridger
  6. -1

    Dinge zum nachdenken:

    1. Verwenden jquery
    2. Die this ist dein code bezieht sich auf
    3. Nicht getElementById Regel document.getElementById?
    4. Wenn das Bild nicht gefunden, sind Sie sicher, dass Ihr browser Ihnen sagen würde, Sie?
    InformationsquelleAutor Kristoffer Sall-Storgaard
Schreibe einen Kommentar