innerHTML沒有更新

Question

我想從字符串中獲取數據，我想在HTML中顯示它。

這是我嘗試的代碼

var jsn = {
        "channels": [{
            "name": "video1",
                "image": "images/bodyguard.jpg"
        }, {
            "name": "video2",
                "image": "images/bodyguard.jpg"
        }, {
            "name": "video3",
                "image": "images/bodyguard.jpg"
        }, {
            "name": "video4",
                "image": "images/bodyguard.jpg"
        }, {
            "name": "video5",
                "image": "images/bodyguard.jpg"
        }]
    };
    var id = document.getElementById("menu_list");
    var inHtm = "";
    var channels = jsn.channels.length;
    var cha = jsn.channels;
    alert("channels : " + channels);

    if (channels != undefined) {
        for (var i = 0, len = channels; i < len; ++i) {
            var item = cha[i].name;
            alert(item);
            //var name = item.name;
            var image = cha[i].image;

            inHtm += '<div class="menu"><a href="javascript:void(0);" onkeydown="Main.keyDown();" >';

            inHtm += '<img src="' + image + '"/>';
            inHtm += '</a></div>';
        }
        alert(inHtm);
        in1.innerHtml = inHtm;
    }

我的小提琴

它正在將值分配給inHtm，但我的innerHTML沒有得到更新。 我想在我的HTML中顯示圖像

Answer 1

這個：

 in1.innerHtml = inHtm;

應該：

 id.innerHTML = inHtm;

您的對象的id不是in1 ，屬性是innerHTML而不是innerHtml 。

我也建議使用console.log()來進行調試，而不是使用alert() 。 警報非常痛苦，尤其是在循環中，使用console.log()可以轉儲整個對象，而警報只會顯示“對象”。

糾正小提琴