javascript - 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”事件处理程序中。