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

2つに結合して移動しようとしましたが、印刷する方法がわかりません。ありがとう！

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

要素を選択できるようにするには、DOM の準備が整った後#playerで、このコードを「DOMContentLoaded」イベント ハンドラ内に配置して実行する必要があることに注意してください。