Javascripts innerHTML não funciona para imagens, mas funciona com texto?
Ok, eu tenho uma função javascript que alterna o innerHTML de uma tag div quando um usuário altera a opção de uma caixa suspensa select ..
Tudo funciona bem com texto, mas com uma tag de imagem ele para de funcionar?
Exemplo de trabalho ...
function toggle(opt) {
var d = document.getElementById('div_tag');
if (opt == '5') {
d.innerHTML = 'FIVE';
}
else if (opt == '4') {
d.innerHTML = 'FOUR';
}
etc...
}
Exemplo não funciona ...
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...
}
É isso que eu tenho nas minhas tags select e div.
<select onchange='toggle(this.value);'>
<div id='div_tag'></div>
Alguém me diga o que estou fazendo errado aqui porque estou perplexo .. por que um trabalho e não o outro quando tudo o que é diferente é um sido o outro texto?
Obrigado.