Javascript- <a>在div中</a>创建一系列<a>标签</a>

Question

我正在尝试创建一系列锚标记，这些锚标记在wunderNav div中增加1。

当我使用console.log（counter）;运行此循环时； 它给了我一个很好的清单1-XX。 当我尝试添加锚标记时，它只会追加该系列的最后一个。

for(var counter = 1; counter <= thisGM.grids.length; counter++){
    document.getElementById('wunderNav').innerHTML = '<a id="wunderNumber'+ counter +'" href="javascript:thisGM.goToGridPage('+ counter + ');">' + counter + '</a>';
}

谢谢大家，对javascript来说还很陌生，我把头砸在墙上！

这是我需要的：

 for(var counter = 1; counter <= thisGM.grids.length; counter++){
    document.getElementById('wunderNav').innerHTML += '<a id="wunderNumber'+ counter +'" href="javascript:thisGM.goToGridPage('+ counter + ');">' + counter + '</a>';}

Answer 1

分配给.innerHTML替换该节点的内容。 您需要追加，例如

var w = document.getElementById('wunderNav');
for(...) {
   w.innerHTML += '<a ....></a>';
               ^^-- string concatenation
}

另外，请注意，您的代码段中的HTML无效。 您以<a>开头，但以</span>结尾

Answer 2

您需要在循环的每次迭代中wunderNav的内容。 使用+=代替just =可以附加到div的当前innerHTML中。

document.getElementById('wunderNav').innerHTML += '<a id="wunderNumber'+ counter 
    +'" href="javascript:thisGM.goToGridPage('+ counter + ');">' 
    + counter + '</span>';}

Answer 3

您需要在每个循环周期中附加它：

var elem = document.getElementById('wunderNav');
elem.innerHTML = elem.innerHTML + '<a id="wunderNumber'+ counter +'" href="javascript:thisGM.goToGridPage('+ counter + ');">' + counter + '</a>';}

Answer 4

for(var counter = 1; counter <= thisGM.grids.length; counter++){
  document.getElementById('wunderNav').innerHTML += '<a id="wunderNumber'+ counter +'" href="javascript:thisGM.goToGridPage('+ counter + ');">' + counter + '</a>';
}

Answer 5

尝试这个：

for(var counter = 1; counter <= thisGM.grids.length; counter++){

    document.... += '<a id="wunder....">' + counter + '</span>';

}

使用+= = 。 这是因为您需要将每个锚标记连接到前一个。

祝好运