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打印陣列編號

回答

相關問題