JavaScript打印数组到id

我正在尝试将数组打印到页面中的特定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" /> ');
}

我试着把两个东西组合起来，然后移动，但似乎不知道如何打印出来。谢谢

var-str=''；
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;

对于（变量i=0；i

此处：

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

document.getElementById（'player'）.innerHTML=playerCards.map（函数（卡）{
返回“”；
}).加入（“”）；

---

请注意，为了能够选择

#player

元素，您必须在DOM准备就绪后通过将其放入“DOMContentLoaded”事件处理程序来执行此代码。

我无法使其工作。它甚至不会在文档中打印str。write@JohnAyers，如何包含脚本？@JohnAyers这是因为您的代码正在立即执行（在解析HTML代码期间）。您必须将JavaScript代码放入DOMContentLoaded处理程序中。非常感谢您的帮助，在添加html之前，我正在尝试运行脚本！

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