Javascript innerHTML未得到更新

Javascript innerHTML未得到更新,javascript,html,Javascript,Html,我试图从字符串中获取数据,并希望在html中显示它 这是我试过的代码 var jsn = { "channels": [{ "name": "video1", "image": "images/bodyguard.jpg" }, { "name": "video2", "image": "images/bodyguard.jpg" },

我试图从字符串中获取数据,并希望在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;
    }
var jsn={
“频道”:[{
“名称”:“视频1”,
“image”:“images/bodyguard.jpg”
}, {
“名称”:“视频2”,
“image”:“images/bodyguard.jpg”
}, {
“名称”:“video3”,
“image”:“images/bodyguard.jpg”
}, {
“名称”:“视频4”,
“image”:“images/bodyguard.jpg”
}, {
“名称”:“视频5”,
“image”:“images/bodyguard.jpg”
}]
};
var id=document.getElementById(“菜单列表”);
var inHtm=“”;
var channels=jsn.channels.length;
var cha=jsn.channels;
警报(“通道:+通道”);
如果(通道!=未定义){
对于(变量i=0,len=channels;i

它正在将值分配给inHtm,但我的innerHTML没有得到更新。我想在我的html中显示图像,如下所示:

 in1.innerHtml = inHtm;
应该是:

 id.innerHTML = inHtm;
您的对象是
id
not
in1
,属性是
innerHTML
not
innerHTML

另外,我建议使用
console.log()
进行除错,而不是
alert()
。警报是痛苦的,尤其是在循环中,使用
console.log()
可以转储整个对象,而警报只显示“object”

这是:

 in1.innerHtml = inHtm;
应该是:

 id.innerHTML = inHtm;
您的对象是
id
not
in1
,属性是
innerHTML
not
innerHTML

另外,我建议使用
console.log()
进行除错,而不是
alert()
。警报是痛苦的,尤其是在循环中,使用
console.log()
可以转储整个对象,而警报只显示“object”


innerHtml
应该是
innerHtml
in1
也应该定义。。。我猜你的意思是
id
,一个DOM引用1是什么?!您在哪里声明了它???
innerHtml
应该是
innerHtml
in1也应该定义。。。我猜你的意思是
id
,一个DOM引用1是什么?!你在哪里声明的?如果op使用了他们的控制台,他们可能会看到错误!如果op使用了他们的控制台,他们可能会看到错误!