如何在网页中逐个创建div

<div id="container"></div>

var container = document.getElementById("container");

for (var i = 0; i < 10; i++) {
  var div = document.createElement("div");
  container.appendChild(div);
}

var container = document.getElementById("container");

for (var i = 0; i < 10; i++) {
  var div = document.createElement("div");
  div.style.backgroundColor = "red"; // 设置背景颜色为红色
  div.innerHTML = "Div " + (i + 1); // 设置内容为"Div 1"、"Div 2"等
  container.appendChild(div);
}