JavaScript打印数组到id

Question

我正在尝试将数组打印到我页面中的特定ID。我打印出的阵列很好，但无法弄清楚如何将其打印到该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";

我尝试过将两者结合起来并移动东西，但似乎无法弄清楚如何将其打印出来。谢谢！

Answer 1

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;

Answer 2

下面：

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

请注意，为了能够选择#player元素，您必须在 DOM准备好之后执行此代码，方法是将其放在“DOMContentLoaded”事件处理程序中。