Javascripts innerHTML funktionieren nicht für Bilder, aber mit Text?

Ok, ich habe eine Javascript-Funktion, die das Innerhtml eines Div-Tags umschaltet, wenn ein Benutzer die Option eines ausgewählten Dropdown-Felds ändert.

Alles funktioniert gut mit Text, aber mit einem Bild-Tag funktioniert es nicht mehr?

Arbeitsbeispiel ...

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

Beispiel funktioniert nicht ...

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 auf meinen Select- und Div-Tags habe.

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

Jemand sagt mir, was ich hier falsch mache, weil ich ratlos bin. Warum sollte einer funktionieren und nicht der andere, wenn alles, was anders ist, der andere Text ist?

Vielen Dank.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage