我的for循环不适用于Javascript中的On-Click事件

问题描述 投票:-2回答:4

我在On-Click事件上遇到on循环问题,循环始终显示最后一个值。有人可以帮我在这里......

我已经粘贴了下面的代码,在Array中我得到了10个值。我试过循环和foreach,两个都给了我相同的结果:

function getArray(){<br>
for(var i=0;i<Array_Name.length;i++){<br>
document.getElementById("p2").innerHTML=Array_Name[i];  <br>
}}
<br>

<input type="submit" value="CalC" onclick="getArray()" />

我希望所有10个值都显示在按钮单击事件上。

javascript arrays onclick javascript-objects dom-events
4个回答
2
投票

这样做

function getArray(){
  for(var i=0;i<Array_Name.length;i++){
    document.getElementById("p2").innerHTML+=Array_Name[i]
  }
}
<input type="submit" value="CalC" onclick="getArray()" />

1
投票

你的循环不正确它应该是这样的

for(var i = 0; i< 10;i++){
   document.getElementById("p2").innerHTML += Array_Name[i];
}

1
投票

您必须将每个元素附加到document.getElementById(“p2”)。innerHTML或将其存储在临时变量中。

function getArray()
{
    let str = "";
    for(var i=0;i<Array_Name.length;i++) 
       str += =Array_Name[i]; 
    document.getElementById("p2").innerHTML = str;
} 

0
投票

循环语法不正确。看着MDN

© www.soinside.com 2019 - 2024. All rights reserved.