循环练习中如何添加<p></p>标签？JavaScript新手求助

• 问题核心：你用了textContent属性，它会把所有内容当作纯文本处理，所以你尝试添加的<p>标签会被当成普通字符串显示，而不是生成HTML段落元素；同时直接累加字符串也不会自动换行，导致内容挤在一起。
• 修正步骤：
  1. 把textContent换成innerHTML，这个属性会解析HTML标签，生成对应的DOM元素
  2. 每次循环时拼接完整的<p>Looping away</p>字符串
  3. 如果要和示例一致显示5行，把循环条件从count <10改成count <5

修正后的代码：

var count = 0;
while (count < 5) {
  document.getElementById('loopDisplay').innerHTML += '<p>Looping away</p>';
  count++;
}

优化小技巧 #

如果循环次数较多，重复调用document.getElementById会影响性能，可以先把目标元素存到变量里：

var count = 0;
var displayBox = document.getElementById('loopDisplay');
while (count < 5) {
  displayBox.innerHTML += '<p>Looping away</p>';
  count++;
}

这样运行后，loopDisplay容器里会生成5个独立的<p>元素，每个元素对应一行"Looping away"。

内容的提问来源于stack exchange，提问作者darpowesk