将循环结果输出到 .innerHTML

Posted 2023-05-07

【中文标题】将循环结果输出到 .innerHTML

【英文标题】：Output the results of loops to .innerHTML

【发布时间】：2020-09-28 21:50:01

【问题描述】：

我查看了其他类似问题的答案，或者我的大脑太累了，或者 javascript 太复杂以至于我无法理解，或者我太笨了。我很新，到目前为止理解有限。 我正在尝试理解循环，并希望将循环的输出输出到我的 div 容器，但是当我这样做时，它们只运行循环的一个实例（可能是最终迭代），而不是像在控制台。下面是两个例子：

var x = 0;
while (x < 5) 
    console.log("Hello World")
      // document.getElementById('output').innerhtml = "Hello World";
      // Why wont it output this 5 times but will log to the console 5 times?
    x++
  

// For Loop

for (var i = 0; i < 5; i++)


console.log("Hello World with 'for loop'");
  // document.getElementById('output').innerHTML = "Hello World";
  // Same with this one...
  

【问题讨论】：

当您设置内容的 innerHTML 时，您将替换它曾经包含的所有内容。如果要追加，请尝试使用 += 运算符而不是 =。

插入+，它将追加：document.getElementById('output').innerHTML += "Hello World";

谢谢！我觉得这些视频课程中的老师们对这些超级重要的东西轻而易举......

【参考方案1】：

替换成这个

document.getElementById('output').innerHTML += "hello world"

【讨论】：

不客气。如果对您有帮助，请作为答案。