2012-11-11 3 views
0

내 페이지의 특정 ID에 배열을 인쇄하려고합니다. 내가 배열 인쇄 잘 했어하지만 그 ID로 인쇄하는 방법을 알아낼 수 없습니다. JavaScript 인쇄 배열 ID

내가 밖으로 원하는 인쇄 :

for(var i=0;i<playerCards.length;i++){ 
    document.write('<img src="images/cards/card-' + playerCards[i] + '.jpg" width="58" height="79" alt="playercards" /> '); 
} 

이 같은 일을 얻으려고 : 나는 주위에 일을 두 가지로 결합하고 이동 시도

document.getElementById("player").innerHTML="THE ABOVE LOOP"; 

만 못할 것 같다 그것을 인쇄하는 방법을 알아 내야합니다. 감사! 여기

답변

2
var str = ''; 
for(var i = 0; i < playerCards.length; i++){ 
    str += '<img src="images/cards/card-' + playerCards[i] + '.jpg" width="58" height="79" alt="playercards" />'; 
} 

document.getElementById("player").innerHTML = str; 
+0

나는 이것을 할 수 없다. 심지어 document.write에 str을 출력하지 않을 것입니다. –

+0

@JohnAyers, 어떻게 스크립트를 포함합니까? –

+0

@ JohnAyers 그 이유는 코드가 HTML 코드를 파싱하는 동안 즉시 실행되기 때문입니다. JavaScript 코드를 DOMContentLoaded 핸들러에 넣어야합니다. –

0

다음 #player 요소를 선택할 수 있도록하기 위해, 당신은 "DOMContentLoaded 내부를 바꾸어 DOM이 준비 후이 코드 를 실행해야

document.getElementById('player').innerHTML = playerCards.map(function (card) { 
    return '<img src="images/cards/card-' +card + '.jpg" width="58" height="79" alt="playercards"> '; 
}).join(''); 

주 " 이벤트 핸들러.