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

Ok, ich habe eine javascript-Funktion, die schaltet der innerhtml ein div-tag, wenn ein Benutzer nach der änderung die Möglichkeit, ein select-dropdown-box..

Alles funktioniert gut mit text, aber mit einem image-tag es nicht mehr funktioniert?

Beispiel Arbeiten...

function toggle(opt) {
        var d = document.getElementById('div_tag');
        if (opt == '5') {
                d.innerHTML = 'FIVE';
        }
        else if (opt == '4') {
                d.innerHTML = 'FOUR';
        }
        etc...
}

Nicht Funktioniert Beispielsweise...

function toggle(opt) {
        var d = document.getElementById('div_tag');
        if (opt == '5') {
                d.innerHTML = '<img src='path/img1.jpg'><img src='path/img2.jpg'>';
        }
        else if (opt == '4') {
                d.innerHTML = '<img src='path/img2.jpg'><img src='path/img1.jpg'>';
        }
        etc...
}

Dies ist, was ich habe auf meinem auswählen und div-tags.

<select onchange='toggle(this.value);'>
<div id='div_tag'></div>

Mir jemand sagen was ich falsch mache hier, denn ich bin ratlos.. warum soll man arbeiten und nicht den anderen, wenn alles, was anders ist, ist einer gewesen, der andere text??

Dank.

Sie benötigen " und ' zusammen. Kannst du nicht sehen, dass die saite ist gebrochen, wenn Sie gehen zu geben Sie die src? Sollte es sein, werfen alle Arten von Fehlern, haben Sie überprüfen Sie die Konsole oder error-logs? Sollte sein: '<img src="path/img2.jpg"><img src="path/img1.jpg">'

InformationsquelleAutor FoxyFish | 2012-06-29

  1. 7

    Es scheint mir, wie Sie vergessen haben, zu entkommen, die Anführungszeichen um Ihr Bild Pfade, und nicht Lesen die Ihren Text korrekt, versuchen Sie, diese

    function toggle(opt) {
    var d = document.getElementById('div_tag');
    if (opt == '5') {
            d.innerHTML = '<img src=\'path/img1.jpg\'><img src=\'path/img2.jpg\'>';
    }
etc...
    Natürlich.. d'uh haha. danke für den Hinweis, wurde das schreiben so viele, die nicht brauchen, die Flucht, die vergaß ich diese habe.
    Und Sie sollte in der Nähe Ihres tags:-)

    InformationsquelleAutor Ryan Flood

  2. 0

    Diese änderungen ersetzen ' mit " am Anfang und am Ende.

    function toggle(opt) {
        var d = document.getElementById('div_tag');
        if (opt == '5') {
                d.innerHTML = "<img src='path/img1.jpg'><img src='path/img2.jpg'>";
        }
        else if (opt == '4') {
                d.innerHTML = "<img src='path/img2.jpg'><img src='path/img1.jpg'>";
        }
        etc...
}

    Waren Sie eigentlich mit einzelnen Anführungszeichen statt der doppelten Anführungszeichen. path/img1.jpg, path/img2.jpg war nicht behandelte Teil der Zeichenfolge früher. Das war das problem.

    UPDATE
    Für Sie php-problem, dies zu tun:

    function toggle(opt) {
        var d = document.getElementById('div_tag');
        if (opt == '5') {
                d.innerHTML = '<img src='+'path/img1.jpg'+'><img src='+'path/img2.jpg'+'>';
        }
        else if (opt == '4') {
                d.innerHTML = '<img src='+'path/img2.jpg'+'><img src='+'path/img1.jpg'+'>';
        }
        etc...
}
    Nein, das problem ist nicht "mit einzelnen Anführungszeichen statt der doppelten Anführungszeichen", wie Sie sagte. Das problem war das gleiche symbol für beide und nicht Ihnen zu entkommen. Sie können genauso gut vertauscht '<img src="path/img2.jpg"><img src="path/img1.jpg">' da javascript verwendet sowohl für strings.
    Ja, das weiß ich.
    Warum sind Menschen, die in so beeilen abstimmen nach unten, ohne auch nur das Verständnis der Antwort. Geist zu erklären, der downvote?
    Bitte, vocalize es richtig. In der Welt der Programmierung Semantik ist alles. Was Sie gesagt haben, ist schief, denn es führt die OP falsch zu verstehen, was Sie falsch gemacht haben. Wenn Sie eine Antwort geben, erklären Sie es gründlich.
    Ich denke, die upvoter hast es Recht, es war nur, wer hatte problem. Jede Weise, ist es egal.

    InformationsquelleAutor Ashwin Singh

Schreibe einen Kommentar