如何從JavaScript數組獲取所有值並在段落標簽中打印

Question

請任何幫助將不勝感激

var array = ["text1", "text2"];
for(var i = 0; i < array.length; i++) {
    document.getElementById("printarray").innerHTML = array[i];  // line 1
    Console.log(array[i]);  // line 2
}

第1行僅打印數組中的最后一個文本。

第2行會列印所有文字

為什么會這樣，原因是我要打印所有位於<p> printarray中的數據

Answer 1

您需要使用+=追加新數據innerHTML ，而不是每次都覆蓋它，你正在與做= 。

var array = ["text1", "text2"];
for(var i = 0; i < array.length; i++) {
    document.getElementById("printarray").innerHTML += array[i];
}

您還可以在<br>添加換行符，以將每個元素放在換行符上，以使內容更具可讀性。

var array = ["text1", "text2"];
for(var i = 0; i < array.length; i++) {
    document.getElementById("printarray").innerHTML += array[i] + "<br>";
}

Answer 2

這樣做的方式是，每次循環運行時，都將innerHTML重寫為僅包含一個數組元素。

您可以構建一個包含數組中所有值的字符串，然后將innerHTML設置為該字符串。 這將覆蓋該HTML元素中的所有內容-將其替換為數組中的所有元素。

var array = ["text1", "text2"];
var temp = "";
for(var i= 0; i < array.length; i++) {
   temp += array[i];
}
document.getElementById("printarray").innerHTML = temp;

或者，您可以將每個字符串添加到innerHTML ，這會將數組中的每個字符串連接到HTML元素中已有的任何字符串上。

var array = ["text1", "text2"];
for(var i= 0; i < array.length; i++) {
   document.getElementById("printarray").innerHTML += array[i];
}