打印数组元素并在javascript中添加它们

【问题标题】：Print elements of array and add them in javascript打印数组元素并在javascript中添加它们
【发布时间】：2018-09-17 07:51:06
【问题描述】：

在本节中，如何显示数组的元素？

var cars = ["1", 2, 3, 4, 5, 6, 7, 8, 9];
var text = "";
var total = 0;
for (var i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
for (var i = 0; i < cars.length; i++) {
  total += parseInt(cars[i]);
}
document.getElementById("demo").innerHTML = total;

【问题讨论】：

这就是您的代码似乎已经在做的事情。如果您遇到问题，我们需要了解更多关于它具体做什么/不做什么，并查看任何相关的 HTML 和 CSS，以便我们可以重新创建问题
请注意document.getElementById("demo").innerHTML = total; 会覆盖document.getElementById("demo").innerHTML = text;
好的，我可以同时显示元素及其总和吗？
您的意思是显示所有数组中的值吗？再次 - 请在描述您试图实现的目标时更加清晰。如果您编辑问题以显示它，这将非常有帮助。

标签： javascript jquery arrays add

【解决方案1】：

我认为你的问题是这样的：document.getElementById("demo").innerHTML = total;

首先将innerHTML 设置为text，然后在下一个循环之后将其设置为total。这就是你得到总和的原因。

您可以将innerHTML 设置为两者，就像我在这里所做的那样：

var cars = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var text = "";
var total = 0;
for (var i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}
for (var i = 0; i < cars.length; i++) {
  total += parseInt(cars[i]);
}
document.getElementById("demo").innerHTML = text + total;

&lt;div id="demo"&gt;&lt;/div&gt;

【讨论】：