zurück Bild als HTML

versucht ein Bild hinzufügen, um meine innerHTML.

Sah ein paar prvious Q
Warum wird mein Bild nicht angezeigt, wenn ich Javascript innerHTML es nennen?

Javascript innerHTML funktioniert nicht für Bilder, sondern arbeitet mit text?

Kann ich nicht bekommen, es funktioniert, in google dev-tools, die den Fehler auslöst:

Uncaught TypeError: Cannot set property 'innerHTML' of null

mit dieser Zeile:

var newImage = document.getElementById('img').innerHTML = "<img src='images/bg-main.png></img>";

mein code sieht wie folgt aus:

   function showImage() {
    var img = document.createElement('image');
    //var newImage = document.getElementById('img').innerHTML = "<a href='#'><img src='http://mintywhite.com/wp-content/uploads/2012/10/fond-ecran-wallpaper-image-arriere-plan-hd-29-HD.jpg' border=0/></a>";
    var newImage = document.getElementById('img').innerHTML = "<img src='images/bg-main.png></img>";
    var div5 = document.createElement('div');
    div5.appendChild(newImage);

    return div5.innerHTML;

}

Ich weiß, es gibt viele andere Methoden, um ein Bild anzuzeigen, aber für den Zweck dieser übung, die ich zurückgeben möchte, das Bild als innerHTML

Warum document.getElementById('img')? Ist das Bild so: <img id="img">?
img-tags haben keine innere html sowieso. Sie sind ein singleton-tag. es müsste <div id="img"></div> oder so etwas. Plus, warum erstellen Sie ein image-tag, und dann verwenden Sie Sie nie? img.src="images/bg-main.jpg"; wäre genauso gut. OP hat einige ernsthaft schizophren-code.
technisch müssten Sie outerHTML umfassen die tag-auch, aber sogar dann bin ich nicht sicher, ob es funktionieren würde.
Etwas, das ich sehen, dass ein problem sein könnte, ist Ihr src-Pfad. Ich glaubst würden Sie benötigen, um zu sein <img src='/images/bg-main.png></img>. Beachten Sie die backslash am Anfang des Pfades.
Keine psychischen Probleme, danke Jungs erst am Anfang zu lernen JS..lädt ein Spaß

InformationsquelleAutor John | 2014-11-13

  1. 2

    Versuchen Sie dies :

    var img = document.createElement("img");
img.setAttribute('src', 'http://www.domain.com/imgSrc');
var div5 = document.createElement('div');
div5.appendChild(newImage);
    danke für die Hilfe B

    InformationsquelleAutor BastienSander

  2. 0

    document.createElement('image') erstellt ein neues html-tag: <image> ich vermute, Sie versuchen, fügen Sie ein div anwenden und das Bild als innere html. Sie können dieses Problem beheben, code wie den folgenden:

    function showImage() {
    var img = document.createElement('div');
    document.body.appendChild(img)
    img.innerHTML = "<img src='images/bg-main.png></img>";
}

    InformationsquelleAutor Kevin Kuyl

Schreibe einen Kommentar