Javascripts innerHTML nie działa dla obrazów, ale działa z tekstem?
Ok, mam funkcję javascript, która przełącza wewnętrzny kod znacznika div, gdy użytkownik zmienia opcję wyboru listy rozwijanej ..
Wszystko działa poprawnie z tekstem, ale z tagiem obrazu przestaje działać?
Przykład pracy ...
function toggle(opt) {
var d = document.getElementById('div_tag');
if (opt == '5') {
d.innerHTML = 'FIVE';
}
else if (opt == '4') {
d.innerHTML = 'FOUR';
}
etc...
}
Nie działający przykład ...
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...
}
To jest to, co mam w moich znacznikach select i div.
<select onchange='toggle(this.value);'>
<div id='div_tag'></div>
Ktoś mi mówi, co robię źle tutaj, bo jestem zakłopotany .. dlaczego miałbym pracować, a nie drugi, kiedy to, co jest inne, to jedno, drugie to tekst?
Dzięki.