首页 > 解决方案 > 将循环结果输出到 .innerHTML

问题描述

我已经查看了类似问题的其他答案,或者我的大脑太累了,或者 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...
  }

标签: javascriptfor-loopwhile-loopconsoleinnerhtml

解决方案


换成这个

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


推荐阅读