자바 스크립트 - 일련의 <a> div 내에서 태그 만들기

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>'; 
} 

누구나 고맙습니다. 자바 스크립트가 처음이었고 벽에 머리를 대고있었습니다. 여기

내가 필요한 것입니다 : 말 그대로 해당 노드의 내용을 대체

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에. APPEND (예 :

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

또한 코드 스 니펫에있는 HTML이 유효하지 않습니다. <a>으로 시작하지만 </span>으로 끝나야합니다.

Answer 2

반복 할 때마다 wunderNav의 내용을 지 웁니다. 현재 innerHTML div에 추가하려면 = 대신 +=을 사용하십시오.

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>'; 

} 

사용 +=는 =의 insted. 모든 앵커 태그를 이전 앵커 태그에 결합해야하기 때문입니다.

행운을 빌어 요.