Javascript 我的代码只打印数组的最后一个值

我创建了一个变量，并使用push属性添加了新值，但当for循环逐个调用它时，它只打印最后一个值（名称），即“Pranav”。你能帮助我知道如何修复它并一个接一个地打印所有的值吗

function tryme() {
    var names = new Array();
    names.push("Bhavesh", "Ajay", "Rahul", "Vinod", "Bobby", "Pranav");
    var tryit = document.getElementById("tryit");
    for (i = 0; i < names.length; i++) {
        tryit.innerHTML = "The values are " + names[i] + " . <br>"
    };
};

函数tryme（）{
变量名称=新数组（）；
姓名。推送（“Bhavesh”、“Ajay”、“Rahul”、“Vinod”、“Bobby”、“Pranav”）；
var tryit=document.getElementById（“tryit”）；
对于（i=0；i”
};
};

每次通过循环时都要替换

innerHTML

属性的值。您可能想追加而不是替换。所以

更改此项：

tryit.innerHTML = "The values are " + names[i] + " . <br>"

tryit.innerHTML=“值为“+names[i]+”
”

为此：

tryit.innerHTML += "The values are " + names[i] + " . <br>"

tryit.innerHTML++=“值为”+names[i]+”
“

问题在于，在这一行中，您将innerHTML设置为一个名称，因此每次都会覆盖它：

tryit.innerHTML = "The values are " + names[i] + " . <br>"

tryit.innerHTML=“值为“+names[i]+”
”

尝试将其更改为“附加”，或类似的操作：

tryit.innerHTML += "The values are " + names[i] + " . <br>"

tryit.innerHTML++=“值为”+names[i]+”
“

在字符串上使用时，

+

运算符称为

串联

运算符。

+=

因此，将意味着对上一个值进行附加

function tryme() {
var names = new Array();
names.push("Bhavesh","Ajay","Rahul","Vinod","Bobby","Pranav");
var tryit = document.getElementById("tryit");
tryit.innerHTML += "The values are<br>";
for (i=0;i<names.length;i++) {
   tryit.innerHTML += names[i] + "<br>"
};
}; 
tryme();

函数tryme（）{
变量名称=新数组（）；
姓名。推送（“Bhavesh”、“Ajay”、“Rahul”、“Vinod”、“Bobby”、“Pranav”）；
var tryit=document.getElementById（“tryit”）；
tryit.innerHTML+=“值为
”；
for（i=0；i您每次在
for
循环中都要替换整个HTML。请尝试附加它。这样，+=将完成每次通过循环附加名称的工作？@BhaveshParvatkar它就是这样工作的。它相当于
tryit.innerHTML=tryit.innerHTML+“值是”+names[i]+”
”；
“+=”是“tryit.innerHTML=tryit.innerHTML+”的缩写。值是“+names[i]+”
”。因此，无论“tryit.innerHTML”的当前值是什么，新值都会附加到它或添加到它，而不是替换它。