如何在不擦除整个页面的情况下添加多行？

var parentDiv = document.getElementById("parentDiv"); // 获取父节点
for (var i = 0; i < 5; i++) {
  var newLine = document.createElement("p"); // 创建新的p元素
  newLine.textContent = "这是第" + (i + 1) + "行文本"; // 设置文本内容
  parentDiv.appendChild(newLine); // 将新的p元素添加到父节点中
}

var parentDiv = document.getElementById("parentDiv"); // 获取父节点
var newLines = ""; // 存储要添加的多行文本
for (var i = 0; i < 5; i++) {
  newLines += "<p>这是第" + (i + 1) + "行文本</p>"; // 拼接多行文本的HTML代码
}
parentDiv.innerHTML += newLines; // 将多行文本的HTML代码添加到父节点中

var parentDiv = document.getElementById("parentDiv"); // 获取父节点
var newLines = ""; // 存储要添加的多行文本
for (var i = 0; i < 5; i++) {
  newLines += `<p>这是第${i + 1}行文本</p>`; // 拼接多行文本
}
parentDiv.innerHTML += newLines; // 将多行文本添加到父节点中