Javascripts innerHTML不適用於圖像，但適用於文本？

Question

好的，我有一個javascript函數，當用戶更改選擇下拉框的選項時，它會切換div標簽的innerhtml。

這一切都適用於文本，但使用圖像標記，它停止工作？

工作實例......

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

不工作的例子......

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...
}

這就是我對select和div標簽的看法。

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

任何人都告訴我，我在這里做錯了因為我很難過...為什么一個人工作而不是另一個當所有不同的是一個是另一個是文本？

謝謝。

Answer 1

在我看來，你似乎忘了逃避圖像路徑周圍的引號，而不是正確讀取你的字符串，試試這個

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...

Answer 2

難道這些變化，替代'與"開頭和結尾。

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...
}

你實際上是使用單引號而不是雙引號。 path/img1.jpg ， path/img2.jpg之前未被視為字符串的一部分。 那就是問題所在。

更新為你的PHP問題這樣做：

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...
}