JavaScript打印阵列编号

我试图打印一个数组到我的页面中的特定ID。我打印出的数组很好，但无法弄清楚如何让它打印到该ID。JavaScript打印阵列编号

此打印是我想出来的：

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

我曾尝试结合左右两个动人的东西，但不能似乎弄清楚如何打印出来。谢谢！

来源

2012-11-11 John Ayers

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;

来源

2012-11-11 20:08:56

我不能得到这个工作。它甚至不会打印出一个文档str。 –

@JohnAyers，你如何包含一个脚本？ –

@JohnAyers这是因为你的代码正在执行（在解析HTML代码时）。您必须将JavaScript代码放入DOMContentLoaded处理程序中。 –

这里：

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

需要注意的是，为了能够选择#player元素，你必须把它在一个“DOMContentLoaded后执行该代码DOM就绪“事件处理程序。

来源

2012-11-11 20:32:48

JavaScript打印阵列编号

回答

相关问题