document.getElementById无法处理循环

时间:2015-05-26 16:01:42

标签: javascript jquery html

我给你看了一个令我疯狂的剧本:

var nzone = localStorage.getItem("nzone");
var nrighe = localStorage.getItem("nrighe");
var nomoldzona = "x";

for (i=1; i<nrighe+1; i++) {
    var rigax = localStorage.getItem("riga"+i);

    var postzona = rigax.search("zona_");
    var nomzona = rigax.substr(postzona+7,postzona+9);
    //recupero il nome della zona
    var postaglio = rigax.search("kk");
    var str = rigax.substr(postaglio + 2);
    var postaglio2 = str.search("kk");

    var zona_nome = str.substr (0, postaglio2);

 // THIS IS THE PART GIVING ME TROUBLE
    if (nomzona != nomoldzona){
        var nzonen = nzonen+1;
        var nomoldzona = nomzona;

        //visualizzo zona in html

        var div = document.createElement('div');
        div.innerHTML = document.getElementById('html').innerHTML;
        document.getElementById('spazio').appendChild(div);
        document.getElementById('zonetta').innerHTML=zona_nome;
    }
}

在这个系列中,我将创建尽可能多的div nzonen,并且达到最佳状态,但最后阶段:

document.getElementById('zonetta').innerHTML=zona_nome;

当我去替换标记<h3 id : " zonetta "> </h3>变量zona_nome时,它只显示第一个div,其他则保持为空。循环中有错误吗?

1 个答案:

答案 0 :(得分:0)

应该是<h3 id="zonetta"></h3>
您的HTML标记无效,并且ID名称中的空格未被修剪。