javascript - 在 Javascript 中使用 innerHTML 将 for 循环的结果写入网页

Question

我正在学习 Javascript，现在对控制台感到厌烦，所以我想“写入”网页本身。

我正在将for循环的结果写入页面，我想打印结果，在每个索引后加一个逗号，我设法完成了这个但最后一个结果末尾有一个逗号，如何在第 9 个索引后停止逗号？我假设我需要使用某种索引 (i[9])，但我不确定如何停止写逗号。

这是我的代码:

var x = document.getElementById("para1");
x.innerHTML = "Result: ";
for(var i = 1; i < 11; i++) {
    result= i + "," + " ";
x.innerHTML += result;
}

还有一件事，我在 x 变量的 innerHTML 中打印“结果”，除了页面的实际 HTML 之外，还有其他方法可以编写变量吗？例如在最后的 x.innerHTML 中？

如果有任何帮助，我将不胜感激!

谢谢

Answer 1

我会使用一个数组，然后在循环完成后，在 , 上加入数组，然后附加到 innerHTML:

var x = document.getElementById("para1");
var result = [];
for(var i = 1; i < 11; i++) {
    result.push(i);
}
x.innerHTML = "Result: " + result.join(", ");