在循环练习中添加<p></p>

Question

嗨，我被困在循环运动中，希望有人能帮我。

在< p> 标记中显示循环的每个迭代

绕走

绕走

绕走

绕走

绕走

这是我的密码

var count = 0;<br>
while (count <10) {<br>
  document.getElementById('loopDisplay').textContent += 'looping away';<br>
  count++;<br>
  }

下面的代码显示循环

“走开了”。

我试图在引号等中添加< p>标记，但不幸的是，它什么也没做。我知道这是一个非常基本的东西，但我是JS的新手。谢谢!

Answer 1

使用document.getElementById('loopDisplay').innerHTML可以使用文本编写html标记，就像我在这里的示例中所做的那样。另外，while循环的每一次迭代都会替换p标记中的整个文本，因此对于每次迭代，您需要告诉它包含之前迭代中的p标记之间的所有文本，然后添加任何其他文本，包括br标记。另外，在我删除的javascript代码中随机放置了html br标记。

​

var count = 0;
while (count <10) {
    const loopDisplay = document.getElementById('loopDisplay');
    loopDisplay.innerHTML = loopDisplay.innerHTML+'looping away<br>';
  count++;
 }

<p id="loopDisplay"></p>

​